Text in einer Box mittig ausrichten
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ausrichtung
aussehen
beitrag
boxen
button
center
definiert button
eigenschaft
gruss
klasse
lsen
mitte
none
normalerweise
platzen
recht
stehen
tabelle
uebrigens
-
Hallo,
ich habe ein Problem, das ich irgendwie nicht lösen kann.
Ich habe diese Klasse definiert:
.button {
height:40px;
width:120px;
list-style-type:none;
text-align:middle;
}
Wie bekomme ich jetzt aber den Text, der darin enthalten ist, genau in die Mitte, also nicht nur links und rechts gleich viel Platz, sondern auch oben und unten. Ich hoffe, ihr könnt mir helfen!
mit freundlichen Grüßen
starthtml
Beitrag geaendert: 2.2.2007 14:14:35 von starthtml -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Das geht ganz einfach, indem du die Klasse mit der Eigenschaft vertical-align erweiterst.
text-align:middle; <-- Da muss übrigens 'center' statt 'middle' stehen: ;)
text-align:center;
Deine Klasse muss also so aussehen:
.button {
height:40px;
width:120px;
list-style-type:none;
text-align:center;
vertical-align:middle;
}
Siehe auch: http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align -
Geht nicht. Der Text wird nicht vertikal zentriert :(
mit freundliche Grüßen
starthtml -
Also ich weis auch nicht, bei mir funktionierts...
Was benutzt du denn für einen Browser? -
Normalerweise sollte der Text ja automatisch zentriert werden, zumindest wird er es bei mir...
Sowohl FF als auch IE.
Tut er es bei dir nicht? -
Vll hast du es falsch zugewiesen oder es wird nochmal überschrieben, denn
.button {
height:40px;
width:120px;
text-align:center;
vertical-align:middle;
}
müsste funktionieren!!!
Gruss
DarkShadow -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage