Text vertical-align

Roadrunner1 · #1 (**permalink**) 08.05.2011, 18:29

Hallo

Ich kriege es einfach nicht auf die Reihe, dass der Text inder Mitte (Vertikal) gesehen ind er Fusszeiel erscheint.

CSS

Code:

p.speziell {
text-align : left;
font-size : 12px;
color : #000000;
vertical-align : middle;

}

HTML

HTML-Code:

<td class="Fusszeile"



<p class="speziell"> &copy;2011 by xyxx  &bull; <a class="mail" href="mailto:sdsd@hotmail.com">sdsd@hotmail.com.</a> &bull;           F&uuml;r                 den Inhalt dieser Dokumente wird jegliche Haftung abgelehnt. 

<a href="http://www.google.ch""><img src="images/Civil3D.jpg" align="right" valign="top" width="150" height="50" border="0"></a>



</p>

</td>

</tr>

</table>

Also momentan sieht es so aus:

Ich habe schon diverses versucht, aber nichts klappt

Vielen Dank

take_a_7 · #2 (**permalink**) 08.05.2011, 18:48

Zitat:

Zitat von Roadrunner1

Hallo

Ich kriege es einfach nicht auf die Reihe, dass der Text inder Mitte (Vertikal) gesehen ind er Fusszeiel erscheint.

CSS

Code:

p.speziell {
text-align : left;
font-size : 12px;
color : #000000;
vertical-align : middle;

}

Hat es einen Grund, warum deine Klassen immer "speziell" heißen? Das sagt so gut wie gar nichts aus.
Einen Text vertikal zentrieren kannst du nur, wenn du eine Zeilenhöhe wählst, die höher ist, als die Schriftgröße.

Zitat:

Zitat von Roadrunner1

HTML

HTML-Code:

<td class="Fusszeile"



<p class="speziell"> &copy;2011 by xyxx  &bull; <a class="mail" href="mailto:sdsd@hotmail.com">sdsd@hotmail.com.</a> &bull;           F&uuml;r                 den Inhalt dieser Dokumente wird jegliche Haftung abgelehnt. 

<a href="http://www.google.ch""><img src="http://xhtmlforum.de/images/Civil3D.jpg" align="right" valign="top" width="150" height="50" border="0"></a>



</p>

</td>

</tr>

</table>

Du möchtest kein Tabellenlayout verwenden
Du möchtest Listen als Listen auszeichnen (• ... • zeigt schon, dass das eine Liste ist)
Du möchtest keine veralteten HTML-Attribute wie valign, align oder border benutzen, sondern die CSS-Äquivalente dazu.
Du möchtest deinen Code validieren, dann passiert sowas: href="http://www.google.ch""> nicht.

Zitat:

Zitat von Roadrunner1

Ich habe schon diverses versucht, aber nichts klappt

Wunderbare Fehlerbeschreibung.

Was hast du konkret versucht,
Was ist dabei rausgekommen?

gruß,
take

threadi · #3 (**permalink**) 09.05.2011, 23:55

Und wenn Du all das korrigierst hast, verwende "line-height" statt "vertical-align".

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Wrapper wächst nicht mit, keine Floats	maclady	CSS	11	10.02.2010 17:30
Wachsende Container	Andy CD	CSS	13	10.02.2010 13:08
DIV bis GANZ unten	burnZ	CSS	5	27.07.2008 13:14
Helft mir. Ich habe voll die Leseschwäche	nick	CSS	12	15.01.2008 20:52
Problem mit div und Höhe	deep4	CSS	2	13.11.2007 20:03