Css keep hover menu item hovered?

Quick solution in jsFiddle . (See the comments in the CSS to find out what I've changed. ).

Up vote 1 down vote favorite share g+ share fb share tw.

I use the following menu: menu item submenu item I have the following css: ul#menu { float:right; height:80px; color: #FFF; margin: 0; padding: 0.8em 0em; } ul#menu li { display: inline; margin: 0.1em 1em; position: relative; } ul#menu h2,ul#menu h3 { font-size: 1em; font-weight: bold; display: inline; } ul#menu li a { text-decoration: none; } ul#menu li a:hover { text-decoration: underline; } ul#menu li. SubMenu a { padding: 0 1.2em; } ul#menu li. SubMenu a:hover { text-decoration: underline; } ul#menu div { display: none; } ul#menu li.

SubMenu div { border: 1px solid #fff; width: 125px; position: absolute; top: 2.5em; left: 30px; background: #fff; color: #000; } ul#menu li. Hovered div { display: block; } ul#menu li. SubMenu div a { text-decoration: none!

Important; } can anybody advise how I can keep menu item hovered when I hover over the submenu item thank you in advance. Css link|improve this question asked Jul 26 '11 at 9:14Sn1pereagle161.

I suggest you googling for a CSS Dropdown Menu tutorial. – Jose Faeti Jul 26 '11 at 9:23 1 stackoverflow.com/questions/6769172/… – Lollero Jul 26 '11 at 9:31.

Quick solution in jsFiddle. (See the comments in the CSS to find out what I've changed. ) You are most of the way there already.

Replacing the ul#menu li. Hovered div selector in your CSS with ul#menu li:hover div is most of the battle; the rest is adjusting the submenu position so that you can actually hover over it without it disappearing. (In the jsFiddle above I've simply used padding instead of offsetting with absolute positioning.

) However, please pay attention to the commenters above! Their observations are entirely correct and germane: The markup being used is rather heavy and unorthodox. For example, your submenu "items" are paragraphs in a div, but normally I would expect to see just a nested list; also, the spans seem unnecessary, and you don't need the submenu class on the list items when you already have an ID on the parent ul.

Second, they are also correct that there are plenty of great tutorials and examples for this out there, so while rolling your own worthwhile exercise you don't need to do it alone—nor should you! My first introduction was this old A List Apart article, and you can even ignore the whole section about JavaScript/Suckerfix since it's 2011 and most of us are perfectly happy to forget about IE6.

You could use li:hover to keep the contents of the li tag displayed. You could also follow this simple tutorial on creating a pure CSS hover menu.

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.