Well, I can tell you right now that li:hover does not work in IE6 and below. The hover psuedo-class is only supported for anchors (<A>) in those browsers, and I'm not even sure whether it is correctly supported for other elements in IE7 or IE8.
Depending how comfortable you are with JavaScript, you can go to www.jquery.com and look up the Superfish plugin, which includes the CSS and JavaScript necessary to make completely cross-browser compatible flyover menus. The plugin homepage is here: http://users.tpg.com.au/j_birch/plugins/superfish/ However, any JavaScript-related questions that may result should be posted to the appropriate group, since this one is meant for CSS only. Good luck! On Nov 22, 9:54 am, crni <[email protected]> wrote: > Now i cant to make it work on stupid IE!!! > here is my menu code: > > #menu { > text-align:center; > float: left; > text-align:center; > width: 100%; > position:absolute; > > } > > #menu ul { > list-style: none; > float: left; > width: 128px; > margin:0; > padding: 0; > width: 127.114px;} > > #menu a, #menu h2 { > font: bold 11px/16px arial, helvetica, sans-serif; > text-align:justify; > display: block; > border-width: 1.5px; > border-style: solid; > border-color: #ccc #888 #555 #bbb; > margin: 0; > padding: 6px; > > } > > #menu h2 { > width:120px; > color: #000; > background-image:url(./images/button%2002.gif); > text-transform: uppercase; > text-align:center; > > } > > #menu a { > color: #000; > background: #efefef; > text-decoration: none; > background-image:url(./images/button%2002.gif); > > } > > #menu a:hover { > color: #000; > background: #fff; > background-image:url(images/button%2001.gif); > > } > > #menu h2 a{ > width: 145px; > color: #000; > text-transform: uppercase; > text-align:center; > background-image:url(./images/button%2002.gif); > > } > > #menu li {position:relative;} > > #menu ul ul { > position: absolute; > z-index: 500; > background-image:url(./images/button%2002.gif); > > } > > #menu ul ul ul { > top: 0; > left: 100%; > background-image:url(./images/button%2002.gif); > > } > > div#menu ul ul, > div#menu ul li:hover ul ul, > div#menu ul ul li:hover ul ul > {display: none; > width:170px; > > } > > div#menu ul li:hover ul, > div#menu ul ul li:hover ul, > div#menu ul ul ul li:hover ul > {display: block;} > > can someone help? i'm starting to loose my hear :( > > On Nov 21, 10:15 am, crni <[email protected]> wrote: > > > Two heads are smarter that 1, apparently ;) > > > thans very much for the help:) > > > On Nov 20, 6:19 pm, jkronika <[email protected]> wrote: > > > > Looks to me like the problem may be your HTML. The <A> tags are closed > > > before the text within the <LI>s. Try replacing it with this: > > > > <ol id="navlinks"> > > > <li ><a href="http://www.manded.rs";>www.maned.rs</a></li> > > > <li><a href="http://www.manded.co.rs";>www.maned.co.rs</a></li> > > > <li><a href="http://www.manded.rs";>www.maned.rs</a></li> > > > <li><a href="http://www.manded.co.rs";>www.maned.co.rs</a></li> > > > <li><a href="http://www.manded.rs";>www.maned.rs</a></li></ol> > > > > On Nov 19, 6:36 am, crni <[email protected]> wrote: > > > > > here is how i created menu, well it's very simple but i cant seem to > > > > make it work. > > > > I cant make hover as block, and i cant click on active link. > > > > > <ol id="navlinks"> > > > > <li ><a href="http://www.manded.rs";></a>www.maned.rs</li> > > > > <li><a href="http://www.manded.co.rs";></a>www.maned.co.rs</li> > > > > <li><a href="http://www.manded.rs";></a>www.maned.rs</li> > > > > <li><a href="http://www.manded.co.rs";></a>www.maned.co.rs</li> > > > > <li><a href="http://www.manded.rs";></a>www.maned.rs</li></ol> > > > > > code: > > > > #navlinks { > > > > padding:0 0 0 4em; > > > > margin:0; > > > > color: #000; > > > > } > > > > > #navlinks li { > > > > display: inline; > > > > float:left > > > > margin-right: 0.5em; padding-right: 0.75em; > > > > margin-left:1em; > > > > font-weight: bold; > > > > font-size:18px; > > > > } > > > > #navlinks li a { > > > > color: #000; > > > > text-decoration: none; > > > > } > > > > > #navlinks li:hover { > > > > color:#0033FF; > > > > > } > > > > > here si the link to menu:http://svastara.filmske-radosti.com/index.html -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
