css help

tuckenator · 3 Nov 2006 at 23:24

Hi there,

I have been getting to grips with css and have so far made the below page template.

http://www.epicfx.com/css/index.htm

But i cannot get the top list menu 'item one, item two, etc' to align with the baseline of the 'top' div (where the logo is located).

help appreciated.

Cheers

Mekrel · 3 Nov 2006 at 23:48

relatively position the top div, then make the navlist absolutely postitioned.

Then do bottom: and right: values for how far away you want it from the bottom right of the top div.

tuckenator · 4 Nov 2006 at 02:27

cheers for the advice, works great in IE but in firefox and opera it still floats about 0.5cm about the baseline. any ideas?

if not, cheers for the help anyway.

Tucks

Pr0t0c0L · 6 Nov 2006 at 20:21

#navlist
{
position:absolute;
padding: 3px 0;
bottom: 0px;
margin-bottom:0px;
right: 0em;
font: bold 12px Verdana, sans-serif;
width: auto;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
background-color: #ff6600;
color: #FFF;
text-decoration: none;
}

i added margin-bottom:0px; to #navlist
and removed border: 1px solid #3D4242; from #navlist li a . try to see if it works for you

tuckenator · 6 Nov 2006 at 23:02

working great now, cheers pro.