Re: [css-d] IE problem

[David Laakso]

 On 10/21/10 11:39 AM, Tom Livingston wrote:

As usual, I see the issue AFTER I post here.
Disregard. Problem solved. What I had to do was drink more coffee





Curious. What was the issue and what did you do to solve the problem 
[other than drink more coffee] ?


Best,
~d

--
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem

[Tom Livingston]

As usual, I see the issue AFTER I post here and look like an idiot.
Disregard. Problem solved. What I had to do was drink more coffee

On Thu, Oct 21, 2010 at 11:24 AM, Tom Livingston  wrote:
> Hello list,
>
> I cannot post a link at this time, so I hope I can explain this well...
>
> I have two s with the following style:
>
> a.browse {
>        display:block;
>        position: absolute;
>        background-position: 0 0;
>        background-repeat: no-repeat;
>        height:540px;
>        width: 200px;
>        top: -50px;
>        font-size:1em;
>        z-index: 100;
>        text-indent: -em;
>        cursor: pointer;
> }
>
> /* right */
> a.right{right: 0;}
> a.right:hover{background-image: url(right-nav-arrow.png);
> background-position: 0 -540px;}
>
> /* left */
> a.left{left: 0;}
> a.left:hover{background-image: url(left-nav-arrow.png);
> background-position: 0 -540px;}
>
>
> These do not render in IE unless I add a background-color. I need 100%
> transparency. Currently the background images are 200x1080 trans
> png's. the off state is 100% trans and on hover a small arrow appears,
> but otherwise it is 100% trans as well.
>
> Is there another way to get IE to play nice other than a
> background-color? background-color: transparent; does not work either.
>
> Help!
>
>
> --
>
> Tom Livingston | Senior Interactive Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>



-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE problem

[Tom Livingston]

Hello list,

I cannot post a link at this time, so I hope I can explain this well...

I have two s with the following style:

a.browse {
display:block;
position: absolute;
background-position: 0 0;
background-repeat: no-repeat;
height:540px;
width: 200px;
top: -50px;
font-size:1em;
z-index: 100;
text-indent: -em;
cursor: pointer;
}

/* right */
a.right{right: 0;}
a.right:hover{background-image: url(right-nav-arrow.png);
background-position: 0 -540px;}

/* left */
a.left{left: 0;}
a.left:hover{background-image: url(left-nav-arrow.png);
background-position: 0 -540px;}


These do not render in IE unless I add a background-color. I need 100%
transparency. Currently the background images are 200x1080 trans
png's. the off state is 100% trans and on hover a small arrow appears,
but otherwise it is 100% trans as well.

Is there another way to get IE to play nice other than a
background-color? background-color: transparent; does not work either.

Help!


-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] extra vertical height in box and lines in IE7 in navigation

[Alan Gresley]

shumdesign wrote:

Hi CSS Discuss list,

Would appreciate guidance in fixing the IE 7 problem in my navigation.
The current selected nav item is too tall and the lines to the right
of the list items in the nav are also too tall.

This is my development url: http://211bayarea.org/wp/?page_id=21



I see no problems here.



Also, the hit area is very small on my nav. It is working fine on this
template: http://211bayarea.org/wp/?page_id=29

Thanks,
Linda



This page (id=29) in IE7 shows the navigation at the top and above the 
image. In IE8, IE9, FF most of the navigation is covered by the image. 
May I suggest that you fix the markup errors before we debug.






--
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] PX vs. EM ?

[david]

Claude Needham wrote:

On Wed, Oct 20, 2010 at 5:04 PM, Corona Rivera
 wrote:

Would someone please explain why EM is usually used for the width property 
instead of Pixels?

I'm inclined to use pixels since that's the monitor's unit of measurement but 
Adobe and most CSS examples I see use the M. - How come?

Thanks,
Corona


I use em on font-size so that I can more easily respect allow users to
alter the font setting in their browsers and have the page expand or
contract in relationship. I suppose % could be used throughout. I just
got used to em because so many of the designers I respect used em.

The use of px on a font-size sets it in absolute terms. Meaning you
end up disregarding the preferences of the user.


That is very rude. That's why some users set their browsers to use 
particular minimum-font-size settings. Which of course will mess up 
layouts done with px. (Especially if the pixel-obsessiveness extends to 
setting the dimensions of elements containing text.)



And you end up
disregarding the differences between OS and browsers.


And monitors and the "dot-per-inch" figure the OS is using for the monitor.

I was reading a news site earlier today at work, on a 17" LCD running at 
1280x1024 pixels. Browser window was FF fullscreen - nothing but web 
page on the screen and a line of pixels across the top where the address 
bar was hidden. I had to increase the font size EIGHT TIMES before I 
could read their teeny little, low-contrast type.


--
David
gn...@hawaii.rr.com
authenticity, honesty, community
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/