Seite 1 von 1

HTML/CSS: Buttons mit Text

Verfasst: 20.02.2009 17:06
von FarChris
Hallo,
ich habe ein Button und möchte mit CSS einen Text auf diesen bekommen.

Hier ist mein CSS-Code:

Code: Alles auswählen

.button
{
display:inline;
background-image:url(button.png);
padding-top:6px;
width:150px;
height:25px;
font-size:12px;
font-family:Verdana, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:center;
}
Und hier der HTML-Code:

Code: Alles auswählen

<a class="button" href="index.html">Startseite</a>
Der Button wird nun allerdings nicht komplett angezeigt, sondern passt sich nach der Größe des Textes an.
Der Button soll allerdings komplett angezeigt werden. Wenn der Text größer als der Button ist, soll der Button aber auch nicht wiederholt werden, sondern der Text soll einfach über die Größe des Buttons gehen.

Danke für Hilfe!

Re: HTML/CSS: Buttons mit Text

Verfasst: 01.03.2009 22:07
von S2B
Das Problem ist das "display: inline". Wenn du ohnehin Breite und Höhe angibst, kannst du auch gleich "display: block" verwenden. :wink: