Autor Zpráva
ctverecek
Profil
Zdravim,

řeším problém jak zrušit podrhávání linků v menu, které je děláno pomocí <ul> a <li> a v tomto seznamu černý puntík? V CSS mam:
.menu{background: url('./images/link.gif') center no-repeat;
text-decoration: none;
list-style-type: none;
text-align: center;
padding: 13px;
margin-left: -38px;

}

.menu:hover {background-image: url('./images/linkactive.gif');
}

HTML:
<div id="levypanel-obsah">
<ul>
<li><div class="menu"><a href="domu.html">Domů</a></div></li>
<li><div class="menu"><a href="co-nabizime.html">Co nabízíme</a></div></li>
<li><div class="menu"><a href="kontakt.html">Kontakt</a></div></li>
<li><div class="menu"><a href="kde-nas-najdete.html">Kde nás najdete</a></div></li>
<li><div class="menu"><a href="reference.html">Reference</a></div></li>
<li><div class="menu"><a href="o-ucetnich.html">O účetních</a></div> </li>
<li><div class="menu"><a href="odkazy.html">Odkazy</a></div></li>
</ul>
</div>

Zápis by měl fungovat...realita je však jiná :-(
Joker
Profil
ctverecek
Puntík se dělá u <li> a podtržení u odkazů.

Takže:
- <div> je tam nejspíš zbytečný, zrušit
- třídu menu dát na <ul>
- list-style-type dát na .menu li
- text-decoration: none dát na .menu li a
- margin a padding asi taky na li, ale možná jiné hodnoty, aby to bylo stejné jako předtím
ctverecek
Profil
Tak to jsem trošku nepobral...mohl by jsi mi udělat příklad jak jsi to myslel? Díky
SwimX
Profil
<ul id="menu"> 
<li><a href="domu.html">Domů</a></li> 
<li><a href="co-nabizime.html">Co nabízíme</a></li> 
<li><a href="kontakt.html">Kontakt</a></li> 
<li><a href="kde-nas-najdete.html">Kde nás najdete</a></li> 
<li><a href="reference.html">Reference</a></li> 
<li><a href="o-ucetnich.html">O účetních</a> </li> 
<li><a href="odkazy.html">Odkazy</a></li> 
</ul>


#menu{
}

#menu li{
  list-style-type: none; 
  text-align: center; 
  padding: 13px; 
  margin-left: -38px; 
}

#menu li a{
  text-decoration: none; 
}

#menu li a:hover{
  background-image: url('./images/linkactive.gif');
}
ctverecek
Profil
Super...vyřešil se mi tím problém se seznamem a s odkazama ale nastal nový problém :-(! Chci aby když po položce v menu přejedeš myší ta položka změnila pozadí...bohužel nevím proč, ale při tomto zápisu:

#menu {
}

#menu li{
background: url('./images/link.gif') center no-repeat;
list-style-type: none;
padding: 13px;
margin-left: -38px;
}

#menu li a{
text-decoration: none;
}

#menu li a:hover{
background: url('./images/linkactive.gif') center;
}

se mi po přejetí myší změní pouze část pozadí ... viz. http://www.proucetnictvi.cz/kontakt.html
SwimX
Profil
#menu { 
} 

#menu li{ 
list-style-type: none; 
padding: 13px; 
margin-left: -38px; 
} 

#menu li a{ 
display: block;
width: ?px;
height: ?px;
background: url('./images/link.gif') center no-repeat; 
text-decoration: none; 
} 

#menu li a:hover{ 
background: url('./images/linkactive.gif') center; 
}
ctverecek
Profil
Výborně, dík moc za rady ;-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: