Willkommen in der Webstatt Zum Webstatt Blog und Stories
trefixxx am 15.06.06 14:47

Hallo,

ich habe ein kleines Problem. Und zwar benutze ich für den Hovereffekt meiner Navigation display:block. Dieser Befehl fügt aber automatisch einen Absatz hinzu. Die einzelnen Navigationselemente müssen aber unbedingt nebeneinander sein.

So sind die Elemente aufgebaut:
<a href="#" class="articles"></a>
<a href="#" class="artist"></a>


und in der CSS-Datei:

a.articles {
display: block;
width: 77px;
height: 23px;
background-image: url(../images/n_articles.gif); }

a.articles:hover {
border-left: 3px #EEAB27 solid;
margin-left: -3px;
background-image: url(../images/n_articles.gif);}

a.artist {
display: block;
width: 101px;
height: 23px;
background-image: url(../images/n_artist.gif); }

a.artist:hover {
border-left: 3px #EEAB27 solid;
margin-left: -3px;
background-image: url(../images/n_artist.gif);}



Gibt es da eine lösung, die navigationselemte nebeneinander zu positionieren?
Danke!

netcup.de Warum gibt es hier Werbung?
milahu milahu am 15.06.06 14:54

Klar: float :)

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt