Thanks fot the reply. I manage somehow to make it work for the IE 7. Did some ajustings and it worked.
I will go and see for sure that site you mentioned :) Thanks! On Nov 23, 4:26 pm, jkronika <[email protected]> wrote: > 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 > towww.jquery.comand 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]
