iWorm: display:block; ohne neue Zeile

Hab versucht Buttons mit Hover-Effekt zu machen, hat geklappt, nur... die Buttons sind jetzt vertikal gestapelt da display:block ist.
Wie kann ich diese Horizontal ausrichten?

a.home  
{	  
	display: block;  
	background: url(button_home.png);  
	width: 160px;  
	height: 50px;  
}  
a.home:hover  
{	  
	background: url(button_home_rover.png);  
}  
a.home:active  
{  
	background: url(button_home_rover.png);  
}  
a.news  
{	  
	display: block;  
	background: url(button_news.png);  
	width: 150px;  
	height: 50px;  
}  
a.news:hover  
{	  
	background: url(button_news_rover.png);  
}  
a.news:active  
{  
	background: url(button_news_rover.png);  
}

.
.
.
.
.
<a class="home" href="home.html"></a><a class="news" href="news.html"></a>

  1. Hi,

    Hab versucht Buttons mit Hover-Effekt zu machen, hat geklappt, nur... die Buttons sind jetzt vertikal gestapelt da display:block ist.
    Wie kann ich diese Horizontal ausrichten?

    Welche anderen Werte außer block hast du in der Beschreibung der display-Eigenschaft in SELFHTML denn noch gefunden?

    <a class="home" href="home.html"></a><a class="news" href="news.html"></a>

    Eine Navigation solltest du sinnvoll als *Liste* von Links auszeichnen.

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
  2. Moin!

    Hab versucht Buttons mit Hover-Effekt zu machen, hat geklappt, nur... die Buttons sind jetzt vertikal gestapelt da display:block ist.
    Wie kann ich diese Horizontal ausrichten?

    http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=display:inline-block

    MFFG (Mit freundlich- friedfertigem Grinsen)

    fastix

    1. Komisch, habs davor probiert, hat nicht geklappt. Jetzt schon.

      Danke

  3. Om nah hoo pez nyeetz, iWorm!

    Sprites sind eine gute Idee.

    Matthias

    --
    1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif