Re: [css-d] css dropdown list strange behavior
I decided to go with your advice, this menu is *much* beter!
Thanks!
On 13-7-2010 19:00, David Laakso wrote:
Thijs Hakkenberg wrote:
David,
My goal is like http://www.cssplay.co.uk/mozilla/dropdown.html
In the current template:
http://2010.dierenrecht.org/fileadmin/template/2010/SDR/concept/vertebrata/
The li elements are displayed in blocks, but I want the li ul li
elements under each other.
But I can't find the right selector to place it in.
I tried
#menu li ul li a {
display:list-item;
}
but it still shows the blocks next to each other...
Any advice?
On 7-7-2010 23:16, David Laakso wrote:
Thijs Hakkenberg wrote:
Dear List,
I'm making an template for a site:
http://2010.dierenrecht.org/fileadmin/template/2010/SDR/concept/vertebrata/
The menu is generated as follows:
However, the subitems should be placed as list-items, not as blocks.
Like in here (figure A)
Where do I go wrong?
cheers,
Thijs,
This is an example menu [1] by Thierry Koblentz. Perhaps it will give
you some ideas. It is rather complicated to execute but does work
extremely well cross-browser.
[1]
http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp
Best,
~d
Thijs,
I think you'll have far better luck cross-browser constructing a menu that is
known to work cross-browser. The Stu Nicholls article you pointed to is old.
And more current versions of his menu that work cross-browser tend to be a
kludge of CSS, CSS hacks, and tables. As previously written, Thierry's menu
[link above] fills the bill.
This is another menu that will work for you, that is a little easier to
construct, but it will not work from the keyboard:
http://sperling.com/examples/new-menuh/
Best,
~d
__
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] css dropdown list strange behavior
David,
My goal is like http://www.cssplay.co.uk/mozilla/dropdown.html
In the current template:
http://2010.dierenrecht.org/fileadmin/template/2010/SDR/concept/vertebrata/
The li elements are displayed in blocks, but I want the li ul li
elements under each other.
But I can't find the right selector to place it in.
I tried
#menu li ul li a {
display:list-item;
}
but it still shows the blocks next to each other...
Any advice?
On 7-7-2010 23:16, David Laakso wrote:
Thijs Hakkenberg wrote:
Dear List,
I'm making an template for a site:
http://2010.dierenrecht.org/fileadmin/template/2010/SDR/concept/vertebrata/
The menu is generated as follows:
However, the subitems should be placed as list-items, not as blocks.
Like in here (figure A)
Where do I go wrong?
cheers,
Thijs,
I am not sure I understand the question, and I don't know where you went
wrong [other than white links on an off-white background is sort of
unreadable].
This is an example menu [1] by Thierry Koblentz. Perhaps it will give
you some ideas. It is rather complicated to execute but does work
extremely well cross-browser.
[1]
http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp
Best,
~d
__
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] css dropdown list strange behavior
Thijs Hakkenberg wrote:
David,
My goal is like http://www.cssplay.co.uk/mozilla/dropdown.html
In the current template:
http://2010.dierenrecht.org/fileadmin/template/2010/SDR/concept/vertebrata/
The li elements are displayed in blocks, but I want the li ul li
elements under each other.
But I can't find the right selector to place it in.
I tried
#menu li ul li a {
display:list-item;
}
but it still shows the blocks next to each other...
Any advice?
On 7-7-2010 23:16, David Laakso wrote:
Thijs Hakkenberg wrote:
Dear List,
I'm making an template for a site:
http://2010.dierenrecht.org/fileadmin/template/2010/SDR/concept/vertebrata/
The menu is generated as follows:
However, the subitems should be placed as list-items, not as blocks.
Like in here (figure A)
Where do I go wrong?
cheers,
Thijs,
This is an example menu [1] by Thierry Koblentz. Perhaps it will give
you some ideas. It is rather complicated to execute but does work
extremely well cross-browser.
[1]
http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp
Best,
~d
Thijs,
I think you'll have far better luck cross-browser constructing a menu that is
known to work cross-browser. The Stu Nicholls article you pointed to is old.
And more current versions of his menu that work cross-browser tend to be a
kludge of CSS, CSS hacks, and tables. As previously written, Thierry's menu
[link above] fills the bill.
This is another menu that will work for you, that is a little easier to
construct, but it will not work from the keyboard:
http://sperling.com/examples/new-menuh/
Best,
~d
--
desktop
http://chelseacreekstudio.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/
[css-d] css dropdown list strange behavior
Dear List, I'm making an template for a site: http://2010.dierenrecht.org/fileadmin/template/2010/SDR/concept/vertebrata/ The menu is generated as follows: div id=menu ul id=nav lia href=index.php?id=490De stichting/a ul li class=menu1-level2-noa href=index.php?id=520Doelstelling/a/li li class=menu1-level2-noa href=index.php?id=519Geschiedenis/a/li li class=menu1-level2-noa href=index.php?id=499Werken bij/a/li li class=menu1-level2-noa href=index.php?id=492Colofon/a/li li class=menu1-level2-noa href=index.php?id=542Links/a/li /ul /li lia href=index.php?id=428amp;no_cache=1Nieuws/a ul li class=menu1-level2-noa href=index.php?id=430Persberichten 2010/a/li li class=menu1-level2-noa href=index.php?id=429Persberichten archief/a/li /ul /li lia href=index.php?id=482Wat wij doen/a ul li class=menu1-level2-noa href=index.php?id=521amp;no_cache=1ROAR/a/li li class=menu1-level2-noa href=index.php?id=463Advies/a/li li class=menu1-level2-noa href=index.php?id=525Databank wet- en regelgeving/a/li li class=menu1-level2-noa href=index.php?id=532Jurisprudentie/a/li li class=menu1-level2-noa href=index.php?id=486Handhaving/a/li li class=menu1-level2-noa href=index.php?id=524Procedures en proefprocessen/a/li li class=menu1-level2-noa href=index.php?id=537Bibliografie/a/li li class=menu1-level2-noa href=index.php?id=383Archief/a/li /ul /li lia href=index.php?id=464Wat u kunt doen/a ul li class=menu1-level2-noa href=index.php?id=495Steun Dier en Recht/a/li li class=menu1-level2-noa href=index.php?id=465Word abonnee van ROAR/a/li /ul /li /ul /div However, the subitems should be placed as list-items, not as blocks. Like in here (figure A) Where do I go wrong? cheers, __ 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] css dropdown list strange behavior
Thijs Hakkenberg wrote: Dear List, I'm making an template for a site: http://2010.dierenrecht.org/fileadmin/template/2010/SDR/concept/vertebrata/ The menu is generated as follows: However, the subitems should be placed as list-items, not as blocks. Like in here (figure A) Where do I go wrong? cheers, Thijs, I am not sure I understand the question, and I don't know where you went wrong [other than white links on an off-white background is sort of unreadable]. This is an example menu [1] by Thierry Koblentz. Perhaps it will give you some ideas. It is rather complicated to execute but does work extremely well cross-browser. [1] http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp Best, ~d -- desktop http://chelseacreekstudio.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/
