display:block; ohne neue Zeile

[iWorm]

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>

[ChrisB]

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

[fastix®]

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

[iWorm]

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

Danke

[Matthias Apsel]

Om nah hoo pez nyeetz, iWorm!

Sprites sind eine gute Idee.

Matthias