Luc wrote:
> Good evening Lori,
> It was foretold that on 27/6/2007 @ 19:35:54 GMT-0400 (which was
> 20:35:54 where I live) Lori Lay would write:
>
> <snipped a bit>
> They don't on a high res monitor.
>   
>
> My res is 1440x900. Any idea what's causing this?
>   

I think it's just that your viewport is sized such that the content 
seems to expand to fill it.  My monitor is 1920x1200, so my viewport is 
large enough that the content stops before the bottom.  I wouldn't worry 
about it.  Maybe just put a bottom border on your wrapper so that it 
looks closed off.
>> Also, can you isolate the effect you're trying to achieve?
>>     
>
> On the reference page there is a distance between the arrow and the
> text, while on the new one i can't get any space i.o.w. the arrow sits
> where it should be but i can't seem to push the text of the links
> further away from it. (Hope it makes sense)
>
>   
In the reference page, the arrow is a background on the list items, 
whereas in your new page it's on the anchor.  Perhaps you should move it 
back to the list items.  Otherwise, use negative positioning on the 
background to pull it over.

That would be something like:

background:transparent url(../Images/activenav.jpg) no-repeat scroll -5px 0;


To be honest, I'm not sure if you can use ems for background positioning 
or not.  You can certainly use percentages but I'm not sure about ems.

>>  The active class has a
>> -2em left margin that pulls the link text over, so it's working the way
>> you have coded it.
>>  If you're referring to the missing arrow, that's
>> being overridden by the a:link definition, so you have a specificity 
>> problem.  You'll have to remove the negative left margin or the arrow 
>> will overlap the text.
>>     
>
> if i leave the negative out, the arrow and text goes 2 em to the
> right, hence i tried to fix it with the negative margin.
>   
>   
>> Have a look at the elements in Firebug <http://www.getfirebug.com/>
>>     
>
> Tnx, i'll give it a try.
>
>   
It makes all this much easier.  You can try temporarily applying styles 
and see what the effect is immediately.

Lori

PS Please include the list in replies.  Someone else may want to jump in 
or see your comments.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to