Autor | Zpráva | ||
---|---|---|---|
ctverecek Profil |
#1 · Zasláno: 14. 1. 2009, 18:18:56
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 |
#2 · Zasláno: 14. 1. 2009, 18:23:35
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 |
#3 · Zasláno: 14. 1. 2009, 18:29:14
Tak to jsem trošku nepobral...mohl by jsi mi udělat příklad jak jsi to myslel? Díky
|
||
SwimX Profil |
#4 · Zasláno: 14. 1. 2009, 18:47:51
<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 |
#5 · Zasláno: 14. 1. 2009, 19:16:02
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 |
#6 · Zasláno: 14. 1. 2009, 19:41:55 · Upravil/a: SwimX
#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 |
#7 · Zasláno: 14. 1. 2009, 20:18:00
Výborně, dík moc za rady ;-)
|
||
Časová prodleva: 15 let
|
0