nicht angemeldet
vertical-align:middle;
Hallo Forum;
wie schaffe ich es, den link in der div vertikal zu zentrieren ?
buw. warum schaffe ich es mit vertical-align:middle; nicht ?
ps. mit padding einen abstand zum oberen rand zu erzeugen,
geht nicht, da die schrift in ihrer grösse veränderbar ist.
tausend dank und,
viel gruesse,
martin
CODE:
-----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<style>
.test1{
height:40px;
vertical-align:middle;
background: #555555;
}
.test1 a{
display:block;
font-family: arial;
color:#7C8388;
font-size:0.7em;
text-decoration: none;
font-weight: bold;
background: #FFAAFF;
}
</style>
</head>
<body>
<div class="test1">
<a href="?siteid=3">Lorem</a>
</div>
</body>
</html>
-
Hi,
wie schaffe ich es, den link in der div vertikal zu zentrieren ?
in diesem Einzelfall kann es gehen. Allgemein sieht das W3C zwar hierfür eine Lösung vor, die aber a) starke Implikationen hat und b) von einem gewissen, ungerechtfertigterweise stark verbreitetem Browser bis heute nicht unterstützt wird.
buw. warum schaffe ich es mit vertical-align:middle; nicht ?
Weil vertical-align nur auf Inline- und Table-Cell-Elemente zutrifft.
ps. mit padding einen abstand zum oberen rand zu erzeugen,
geht nicht, da die schrift in ihrer grösse veränderbar ist.Mit line-height die Zeile in ihrer Gesamtheit zu vergrößern geht. Vergiss übrigens die generische Schriftfamilie nicht.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hi Cheatah,
danke. ich werd's wieder über line-height probieren ;)
beste gruesse,
martin
-