Webstatt.org - Community seit 2006 - 2012 (2024?)

display: block

user-333
15.06.2006 12: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!

Avatar user-255
15.06.2006 12:54

Klar: float lächeln

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm