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]
