Re: [css-d] Centering Horizonal Navigation with Drop Downs

[Philip Taylor (Webmaster, Ret'd)]

John D wrote:

Have you seen this article before:



Let us know if this is what you were looking for.


The drop-down for the fourth element is very strangely positioned :


http://web-consultants.org.uk/sites/tests/css/Fullscreen%20capture%2007-Apr-2011%20213653.jpg

Philip Taylor
__
css-discuss [css-d@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] Centering Horizonal Navigation with Drop Downs

[John D]

Have you seen this article before:



Let us know if this is what you were looking for.





Hi - I've been trying for two days to figure out how to center my top
navigation and get the drop-downs to be under the correct heading. After
much trial and error I'm now using the code from
http://css.maxdesign.com.au/listamatic/horizontal02.htm as my starting
point.

So far I can center the main navigation items centered on the page but the
drop-downs all end up in the upper lefthand corner under Home:

http://www.issw.com/hallmark/index_centered_list_navbar2.htm
http://www.issw.com/hallmark/css/style.css
http://www.issw.com/hallmark/css/centered_list2.css

OR . . . I can have the drop-downs behave properly and be under the right
heading (although the background color is not the same length on every
line) but the whole main navigation is aligned to the left:

http://www.issw.com/hallmark/index_centered_list_navbar.htm
http://www.issw.com/hallmark/css/style.css
http://www.issw.com/hallmark/css/centered_list.css

I have doctypes on the files and have tried adding widths and margin: 0 or
margin: auto as many posts suggest but to no avail.

Is there a solution to this? I'm really trying to move forward to
css compliant sites.




__
css-discuss [css-d@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] Centering Horizonal Navigation with Drop Downs

[Stephanie Robinson]

Hi - I've been trying for two days to figure out how to center my top
navigation and get the drop-downs to be under the correct heading. After
much trial and error I'm now using the code from
http://css.maxdesign.com.au/listamatic/horizontal02.htm as my starting
point.

So far I can center the main navigation items centered on the page but the
drop-downs all end up in the upper lefthand corner under Home:

http://www.issw.com/hallmark/index_centered_list_navbar2.htm
 http://www.issw.com/hallmark/css/style.css
 http://www.issw.com/hallmark/css/centered_list2.css

OR . . . I can have the drop-downs behave properly and be under the right
heading (although the background color is not the same length on every
line) but the whole main navigation is aligned to the left:

 http://www.issw.com/hallmark/index_centered_list_navbar.htm
 http://www.issw.com/hallmark/css/style.css
http://www.issw.com/hallmark/css/centered_list.css

I have doctypes on the files and have tried adding widths and margin: 0 or
margin: auto as many posts suggest but to no avail.

Is there a solution to this? I'm really trying to move forward to
css compliant sites.

Stephanie
__
css-discuss [css-d@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/