Hi. I am trying to implement a drop down menu using css that displays a horizontal sub-level of links directly beneath the parent links. I am almost there but for some reason I cannot get the sub links to appear centered directly under the top links.

 

I have a link here: http://www.samdelara.co.uk/infected/index2.html

 

If anyone can help or if anyone has seen a similar menu on a site somewhere it would be great if they could send me a link...

 

Sam

Margins (margin-left)

Margins (margin-left)

 

I'm not sure I understand with so little information. I have margin-left specified for my main ul because I want to it display inwards. Where are you implying there should or shouldn't be a margin-left?

 

Sam

Maybe it's doubling the margin (one for each, netsted, <ul>)?

Maybe it's doubling the margin (one for each, netsted, <ul>)?

 

 

Maybe it is but I don't know what you mean. I have tried altering the margin for the ul ul but to no avail.

 

I'm sure it is to do with the fact the elements are positioned absolutely but I don't really understand what the problem is. It doesn't even work in ie6 anyway so I will probably give up soon.

 

If anyone could shed some light I would be eternally grateful

Maybe it's doubling the margin (one for each, netsted, <ul>)?

 

 

Maybe it is but I don't know what you mean. I have tried altering the margin for the ul ul but to no avail.

 

I'm sure it is to do with the fact the elements are positioned absolutely but I don't really understand what the problem is. It doesn't even work in ie6 anyway so I will probably give up soon.

 

If anyone could shed some light I would be eternally grateful

.menu ul {                style2.css (line 27)
list-style-type:none;
margin-left:40px;
padding:0;
}

 

When that is set to 0px it sits directly under it, allbeit shifting the main navigation <ul>. Try to separate (classify) your selectors more.