Autor Zpráva
jm81
Profil *
Ahoj,
prosím o radu jak docílit toho, aby byly opticky v navigační liště stejné mezery mezi jednotlivými slovy: O nás - Rozhledna - Penzion - Kontakty. ODKAZ na WEB

V CSS jedu spíš metodu pokus/omyl než, že bych ho uměl:
#vodorovne_menu ul{margin: 0px; padding: 0px;} 
#vodorovne_menu {width: 100%;} 
#vodorovne_menu li {float:left;list-style-type:none;} 
#vodorovne_menu li a {display:block; height:24px;width: 200px; line-height: 24px; text-align: center; text-decoration: none; color: white;} 
#vodorovne_menu li a:hover {background: #f47922; color: black;} 
#vodorovne_menu li ul {display: none;} 
#vodorovne_menu li:hover ul { display:block; position:absolute; border: solid black; border-width: 0 1px 1px 1px;} 
#vodorovne_menu li:hover ul li { display:block; float: none; height:24px; width: 200px; border-top: 1px solid #F0F0F0;} 
#vodorovne_menu li:hover ul li a {background: #f47922; color: white;} 
#vodorovne_menu li:hover ul li a:hover {background: rgb(227, 142, 51); color:#fff; font-weight: bold;}

Děkuji za jakoukoliv pomoc.
juriad
Profil
#vodorovne_menu ul ul li a { /* přidej */
    width: 200px; 
    padding: 0px;
}
#vodorovne_menu li a {
    color: white;
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 50px; /* přidej */
    text-align: center;
    text-decoration: none;
    width: 200px; /* odstraň */
}
jm81
Profil *
Super. Moc děkuji

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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