[css-d] Navigation: Unordered list or simply float links
Hi, In my short time of CSS web page formatting I've been using unordered lists to create navigation buttons. You know: home, about, contact, and etc. Well I've been thinking. Is there anything wrong with: putting my desired 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] Navigation: Unordered list or simply float links
>>Brian M. Curran wrote: >> Hi, >> In my short time of CSS web page formatting I've been using >> unordered lists to create navigation buttons. You know: home, about, >> contact, and etc. Well I've been thinking. Is there anything wrong >> with: putting my desired > the text, and thus giving me something similar to a navigation bar? >> The reason I ask is because: 1. On a project I'm working on I'm not >> looking to do a nav bar, but rather a bunch of links in a row. Like >> how you may see at the bottom of a number of websites. 2. In my >> experience of working with unordered lists, they haven't been the >> easiest things to manipulate. >Tim wrote: >Hi Brian - Of course you can do what you want! However, I'd be >intrigued to know what effect you are having trouble with using an >ordered list. You will probably find that a good starting point is to >zero everything out with some reset CSS (e.g. >http://developer.yahoo.com/yui/reset/ >, http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/). This >gives you a blank-ish slate to start applying your rules to. >Have a look at Listamatic for inspiration >http://css.maxdesign.com.au/listamatic/ >Cheers, Tim Tim, That is a super resource. Thanks so much. Perhaps now I'll just stick with the list. >... I'd be >intrigued to know what effect you are having trouble with using an >ordered list. In the past it has just seemed cumbersome to work with. Specifically it seems the list is in a container, so the container and the list both need to be formatted with css. Then items under the list need to be cleared. Maybe there is, but at this point I don't see the up side to using an ul. Perhaps I need to learn more, and then an up side will become apparent. Sincerely, Brian __ 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] Navigation: Unordered list or simply float links
On 20/09/2009, at 5:27 AM, Brian M. Curran wrote: > Hi, > In my short time of CSS web page formatting I've been using > unordered lists to create navigation buttons. You know: home, about, > contact, and etc. Well I've been thinking. Is there anything wrong > with: putting my desired the text, and thus giving me something similar to a navigation bar? > The reason I ask is because: 1. On a project I'm working on I'm not > looking to do a nav bar, but rather a bunch of links in a row. Like > how you may see at the bottom of a number of websites. 2. In my > experience of working with unordered lists, they haven't been the > easiest things to manipulate. Hi Brian - Of course you can do what you want! However, I'd be intrigued to know what effect you are having trouble with using an ordered list. You will probably find that a good starting point is to zero everything out with some reset CSS (e.g. http://developer.yahoo.com/yui/reset/ , http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/). This gives you a blank-ish slate to start applying your rules to. Have a look at Listamatic for inspiration http://css.maxdesign.com.au/listamatic/ Cheers, Tim __ 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] Navigation: Unordered list or simply float links
On Sep 20, 2009, at 6:26 AM, Brian M. Curran wrote: >> ... I'd be >> intrigued to know what effect you are having trouble with using an >> ordered list. > In the past it has just seemed cumbersome to work with. Specifically > it seems the list is in a container, so the container and the list > both need to be formatted with css. Then items under the list need > to be cleared. Maybe there is, but at this point I don't see the up > side to using an ul. Perhaps I need to learn more, and then an up > side will become apparent. Using an unordered list (ul/li) is not so much about styling (you can style anything to look the way you want anyway) but about using a well- structured and semantically-rich html foundation. This offers advantages for users that use non-visual UAs (robots...) or screen readers. Philippe --- Philippe Wittenbergh http://l-c-n.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/