Css drop down menu with thumbnail?

I would place the thumb image in the first li of the sub menu. Give it a class and float it to the left. This may require a few tweaks depending on the size of your image.

This should allow the following li s to fall beside it.

I would place the thumb image in the first li of the sub menu. Give it a class and float it to the left. This may require a few tweaks depending on the size of your image.

This should allow the following lis to fall beside it. Item 1 Item 2 About About2 About3 Item 3 Item 4 Item 5.

Ok ace thank you very much – user925536 Sep 5 at 7:59.

Your problems are probably because you've constructed your html wrongly. The sub-menu ( level-two ) should be nested within the level-one li elements: div id="navtree"> about contact subscribe Test1 Test1sub Test2 Testsubpage2 Level-one:hover . Level-two {display: block; } I think that should be enough to get you started.

Feel free to ask any questions in comments, or update your question Also, since I'm assuming you're fairly new to this, I'd like to offer you the following references: For all things snazzy and wonderful with CSS menus: CSS Play by Stu Nicholls For an intro to some of the hows and whys: A List Apart A brief introduction, from Eric Meyer There are dozens, if not hundreds, more to be found.

Your problems are probably because you've constructed your html wrongly. The sub-menu (.level-two) should be nested within the . Level-one li elements: about contact subscribe Test1 Test1sub Test2 Testsubpage2 If you then use the following css: .

Level-one {display: inline; position: relative; } . Level-one {display: none; position: absolute; left: 0; top: 1em; /* adjust as necessary */ } . Level-one:hover .

Level-two {display: block; } I think that should be enough to get you started. Feel free to ask any questions in comments, or update your question. Also, since I'm assuming you're fairly new to this, I'd like to offer you the following references: For all things snazzy and wonderful with CSS menus: CSS Play, by Stu Nicholls.

For an intro to some of the hows and whys: A List Apart. A brief introduction, from Eric Meyer. There are dozens, if not hundreds, more to be found...

– dartdog Feb 3 '10 at 1:21 Also posted this to the Google group for Django Navbar issue 25 code.google. Com/p/django-navbar/issues/list – dartdog Feb 3 '10 at 1:22 1 It appears the answer has been posted to Google groups code.google. Com/p/django-navbar/issues/detail?

Id=25 – dartdog Feb 3 '10 at 3:51 Nicely done, I've not used django, but Doug seems extraorinarily patient guy; which tempts me to play with it some. =) – David Thomas Feb 3 '10 at 8:22.

The second level level must be children, you have this: Test2 Testsubpage2 Change to this: Test2 Testsubpage2.

Here is the css I'm sort of happy with that implements three level dropdown So far only tested in FF: /* Inserted by Tom Brander for nested nav Allows for Three levels.. pattern can be extended if you want */ ul. Level-one{ margin-left:-10px; /* lines up 1st item with search box*/ } ul. Level-one li{ list-style: none; padding-right: 5px; padding-left: 5px; float: left; position: relative; line-height: 1.3em; } ul.

Level-one li:hover { background:#999ca0; } . Level-two { display: none; position :absolute; Left:0; top: 1em; } . Level-three { display: none; position :absolute; top: 0em; } .

Level-one li:hover . Level-two { display: block; background: #999ca0; width: 100px; padding-left: 10px; } . Level-two li:hover .

Level-three { display: block; background: #999ca0; width: 100px; padding-left: 10px; margin-left: 92px; /* this moves the 3rd level over to the right but not too far, needs enough overlap so that you can move the mouse wthout the third level dissapearing */ } . Level-three li:hover {display:block;}.

Your problems are probably because you've constructed your html wrongly. The sub-menu ( level-two ) should be nested within the level-one li elements.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.