html:
Code:
<div id="navMenu">
<ul>
<li>
<a href="default.aspx">Pocetna</a>
<ul>
<li><a href="Projekti.aspx">Projekti</a></li>
<li><a href="Skeniranje.aspx">Novo</a></li>
<li><a href="Restauracija.aspx">Planovi</a></li>
</ul><!-- end inner ul-->
</li><!-- end main li-->
</ul><!-- end menu ul-->
<ul>
<li>
<a href="Kontakt.aspx">Kontakt</a>
<ul>
<li><a href="Kontakt.aspx">Kontakt</a></li>
</ul><!-- end inner ul-->
</li><!-- end main li-->
</ul><!-- end menu ul-->
<ul>
<li>
<a href="#">Vas nalog</a>
<ul>
<li><a href="Login.aspx">Ulouj se</a></li>
<li><a href="UserControl/ChangigPass.aspx">Promeni sifru</a></li>
</ul><!-- end inner ul-->
</li><!-- end main li-->
</ul><!-- end menu ul-->
<br class="clearFloat" />
</div>
<div id="navMenu">
<ul>
<li>
<a href="default.aspx">Pocetna</a>
<ul>
<li><a href="Projekti.aspx">Projekti</a></li>
<li><a href="Skeniranje.aspx">Novo</a></li>
<li><a href="Restauracija.aspx">Planovi</a></li>
</ul><!-- end inner ul-->
</li><!-- end main li-->
</ul><!-- end menu ul-->
<ul>
<li>
<a href="Kontakt.aspx">Kontakt</a>
<ul>
<li><a href="Kontakt.aspx">Kontakt</a></li>
</ul><!-- end inner ul-->
</li><!-- end main li-->
</ul><!-- end menu ul-->
<ul>
<li>
<a href="#">Vas nalog</a>
<ul>
<li><a href="Login.aspx">Ulouj se</a></li>
<li><a href="UserControl/ChangigPass.aspx">Promeni sifru</a></li>
</ul><!-- end inner ul-->
</li><!-- end main li-->
</ul><!-- end menu ul-->
<br class="clearFloat" />
</div>
Code:
#navMenu
{
margin:0px 0px 0px 100px;
padding:0;
}
#navMenu ul
{
margin:0;
padding:0;
line-height:30px;
}
#navMenu li
{
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
background-color:#FAFAFA;
}
#navMenu ul li a
{
text-align:center;
font-family:"Comic Sans MS" , Cursive;
text-decoration:none;
height:30px;
width:100px;
display:block;
color:#FFF;
border:1px solid #FFF;
text-shadow:1px 1px 1px #000;
}
#navMenu ul ul
{
position:absolute;
visibility:hidden;
top:32px;
}
#navMenu ul li:hover ul
{
visibility:visible;
top:30px;
}
/********************************************************/
#navMenu li:hover
{
background-color:#585858;
}
#navMenu ul li:hover ul li a:hover
{
background:Gray;
color:#000;
}
#navMenu a:hover
{
color:#000;
}
.clearFloat
{
clear:both;
margin:0;
padding:0;
}
#navMenu
{
margin:0px 0px 0px 100px;
padding:0;
}
#navMenu ul
{
margin:0;
padding:0;
line-height:30px;
}
#navMenu li
{
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
background-color:#FAFAFA;
}
#navMenu ul li a
{
text-align:center;
font-family:"Comic Sans MS" , Cursive;
text-decoration:none;
height:30px;
width:100px;
display:block;
color:#FFF;
border:1px solid #FFF;
text-shadow:1px 1px 1px #000;
}
#navMenu ul ul
{
position:absolute;
visibility:hidden;
top:32px;
}
#navMenu ul li:hover ul
{
visibility:visible;
top:30px;
}
/********************************************************/
#navMenu li:hover
{
background-color:#585858;
}
#navMenu ul li:hover ul li a:hover
{
background:Gray;
color:#000;
}
#navMenu a:hover
{
color:#000;
}
.clearFloat
{
clear:both;
margin:0;
padding:0;
}
E sad sve radi ali kad se meni spusti (znaci kada padne meni) onaj deo koji je preko slike, diva ili teksta nije dobar . Recimo trecu stavku meija "Pocetna"-"Planovi" vidim samo kao text a ne kao box cak nema ni pozadine vec se vidi slika ili tekst pozadine a sam link ne mogu ni da kliknem jer cim krenem misem ka njemu izgubi se.
Mnogo sam los sa css-om I ovo sam uradio uz tutorijale pa ako moze pomoc vise oko objasnjenja samog problema nego oko koda.
bez blama