Aktives Mitglied
Moin Moin,
ich habe eine Navibar in html als UL aufgebaut
Diese wird mit CSS als horizontale Navigation dargestellt.
Nun möchte ich den Effekt mit CSS beim Hovern erzielen, dass beim rüberfahren mit der Maus, der jeweilige Punkt (also in dem Fall das Wort "test") einige Pixel nach oben fährt und darunter ein farblicher Rahmen erfolgt.
Bisher sieht mein CSS Code so aus:
Jetzt habe ich schon verschiedenes probiert, doch bekomme ich es nicht hin, dass das Wort einige Pixel nach oben fährt. Gehe ich das falsch an, oder was übersehe ich hier?
Schöne Grüße aus dem Hohen Norden
ich habe eine Navibar in html als UL aufgebaut
<div class="navi">
<ul>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
</ul>
</div>
Diese wird mit CSS als horizontale Navigation dargestellt.
Nun möchte ich den Effekt mit CSS beim Hovern erzielen, dass beim rüberfahren mit der Maus, der jeweilige Punkt (also in dem Fall das Wort "test") einige Pixel nach oben fährt und darunter ein farblicher Rahmen erfolgt.
Bisher sieht mein CSS Code so aus:
.navi a:hover {
text-decoration: none;
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: #33CC62;
}
Jetzt habe ich schon verschiedenes probiert, doch bekomme ich es nicht hin, dass das Wort einige Pixel nach oben fährt. Gehe ich das falsch an, oder was übersehe ich hier?
Schöne Grüße aus dem Hohen Norden