Sziasztok!!
Egy olyan problémámmal fordulok hozzátok, hogy a bartik témát alakítgatom át, main-menu-be nem tudom azt megcsinálni, hogy a a menü elem a link hover-eljen.
#main-menu {
width:810px; height: 40px;
clear: both;
font-size: 0.929em;
margin: 0;
padding: 0 15px;
}
#main-menu ul {width:100%;}
#main-menu li {
float: left; /* LTR */
list-style: none;
padding: 0 1px;
margin: 0 1px;
width: 105px;
height: 40px;
float: left;
list-style: none;
text-align: center;
text-transform: uppercase;
font: bold 15px Trajan Pro;
margin-left:20px;
}
#main-menu li a{
cursor:default;
padding-top: 10px;
text-decoration: none;
display: block; color:#c6c6c6;
text-align:center;
border-top:solid 1px;
border-color: #c6c6c6;
border-radius: 5px;}
}
#main-menu li a:hover{
border-top:solid 3px;
border-color: #FF8C00;
margin-top: -2px;
text-shadow: 0px 5px 30px #000;
cursor:default;
padding-top: 10px;
text-decoration: none;
display: block;
margin-top: -2px;
color: #FF8C00;}
Így néz ki hozzá a css-em csak hozzá a hover nem működik és nem értem, hogy miért. themes/bartik/css/style.css
Előre is köszönöm a válaszokat! ( :
http://twixzor.com/ erről a
http://twixzor.com/ erről a menüről van szó
Bocs, túl közel volt a linkhez a vote down gomb :)
Én, ha ennyit beírok firebug-al már lesz linknek háttérszíne (ha föléhúzom az egeret).
Ilyenkor azt érdemes megnézni, hogy betöltődik-e, vagy frissül-e a css fájl amit szerkesztesz.
Valamint egy másik css szabály nem írja-e felül, a te szabályodat.
A firebug használata és a gyakori (szerver és böngésző oldali) cache törlés/frissítés segít.
Megnéztem Firebug-gal:
Megnéztem Firebug-gal:
Szerintem itt bukik meg, kétszer használod ugyanazt az azonosítót egy oldalon. Nem hiszem, hogy ez a bartikban így lenne eredetileg.
Csökönyi Ferenc