nicht angemeldet
<a> vertikal zentrieren
Hallo,
Ich habe da mal eine CSS-Frage; Ich habe einen Link (<a href="foo">Test foo bar baz</a>), der eine feste höhe und breite hat, und display:block, da er dann gefloatet usw. wird und der in etwa so aussieht:
[img:http://jeenaparadies.net/t/self/a-mittig.png]
Wie man leicht erkennen kann hat das Ding ein Hintergrundbild auf dem es Platz nehmen soll, und zwar horizontal und vertikal zentriert. Dieses vertikale Zentrieren ist aber das was mir große Probleme bereitet.
Währe es nur eine Zeile dann könnte ich line-height=height setzen, so ist das aber leider nicht. vertical-align hilft da ja leider auch nicht, aber vielleicht hat jemand von euch eine Idee?
Jeena
-
Hallo,
Währe es nur eine Zeile dann könnte ich line-height=height setzen, so ist das aber leider nicht. vertical-align hilft da ja leider auch nicht, aber vielleicht hat jemand von euch eine Idee?
Nun, Schrift auf Bild?
Hm, müsste theoretisch nicht line-height: height/2 funktionieren? Und ggf. mit vertical-align die beiden Textzeilen näher an die Mitte zu bringen?
Gruß;
-
Hallo,
Nun, Schrift auf Bild?
Noch mal, vielleicht klappt das mit dem einbinden jetzt:
Hm, müsste theoretisch nicht line-height: height/2 funktionieren?
Leider nicht, weil es ja manchmal ein und manchmal zwei zeilen sind
Und ggf. mit vertical-align die beiden Textzeilen näher an die Mitte zu bringen?
Das funktioniert ja bei so etwas leider gar nicht, oder irre ich und mache etwas falsch?
Jeena
-
Hallo,
Nun, Schrift auf Bild?
Noch mal, vielleicht klappt das mit dem einbinden jetzt:Entschuldige, ich meinte ganz einfach, ob du den Text nicht auf das Bild schreiben möchtest.
Leider nicht, weil es ja manchmal ein und manchmal zwei zeilen sind
Verstehe.
Und ggf. mit vertical-align die beiden Textzeilen näher an die Mitte zu bringen?
Das funktioniert ja bei so etwas leider gar nicht, oder irre ich und mache etwas falsch?Ich habe es mir so gedacht: Den ganzen Text mit vertical-align:top; ausstatten und dann die erste Zeile (:first-line) mit vertical-align:bottom;
Aber das war nur eine spontane Idee.
Gruß;
-
-
-
Hellihello Jeena,
du bist nicht der erste http://forum.de.selfhtml.org/archiv/2007/11/t162817/, das immerhin weiß ich. die lösung hatte ich nicht so genau verfolgt, im grund aber eine schande, dass sowas simples so kompliziert ist.
»
Dank und Gruß,frankx
-
Hi,
Wie man leicht erkennen kann hat das Ding ein Hintergrundbild auf dem es Platz nehmen soll, und zwar horizontal und vertikal zentriert. Dieses vertikale Zentrieren ist aber das was mir große Probleme bereitet.
Und die folgende Methode "funzt" nicht?
http://jeenaparadies.net/weblog/2006/sep/vertikal-zentrieren-in-cssMfG ChrisB
-
Hallo,
Und die folgende Methode "funzt" nicht?
http://jeenaparadies.net/weblog/2006/sep/vertikal-zentrieren-in-cssHehe, naja doch schon, aber ich hatte gehofft das HTML so lassen zu können wie es war.
Jeena
-