[CSS] text innerhalb tabelle positionieren

**Kropff** · 20.03.2008, 14:20

mal daran gedacht, dass ein p auch einen abstand hat? generell setze ich immer erst ein

PHP-Code:


* {margin: 0; padding: 0}

und tariere die abstände dann selektiv aus.

gruß
peter

**Darc** · 20.03.2008, 14:27

hmm hast recht mit dem p, ich sehe schon gar nichts mehr

ich hatte das ganze auch nochmal in ein div noch vor dem p gepackt, aber war auch nichts ...

wie meinst du das genau mit dem seletkiv tarieren?

das margin und padding funktioniert so auch nicht, dass hatte ich ja auch schon drin ... auch kombiniert ...

**Kropff** · 20.03.2008, 14:31

schau dir mal die beiden praxis-tutorials an. und ggf. solltest du dich auch noch mit der theorie zu css und den verschiedenen elementtypen von html auseinandersetzen. und obendrein auf layout-tabellen verzichten.

gruß
peter

**Darc** · 20.03.2008, 14:38

auf die tabellen verzichten geht nicht, da es sich um ein cms handelt ...
naja, mit dem einlesen, war ich auch schon über css4you soweit, aber meine ansätze klappen einfach nicht ... deshalb wollte ich hier mal nach konkreteren hilfestellungen anfragen ...

**jahlives** · 20.03.2008, 14:42

Also dat funzt (zumindest im IE6, den wir auf der Arbeit haben):

Code:

<html>
<head>
</head>
<body>
<table align="center" width="50%" border="1">
<tr style="height:120px;">
<td style="vertical-align:bottom;padding-bottom:10px;">Hier etwas Inhalt align base</td>
<td style="vertical-align:top;padding-top:20px;">Hier etwas Text align top</td>
</tr>
</table>
</body>
</html>

**Darc** · 20.03.2008, 15:03

ich danke dir,

ich hab das ganze mal in einen div gepackt ... wenn ich jetzt mit den werten ein wenig rumspiele, kommt da schon aktzeptables ergebnis raus, nur übernimmt er nicht meine schriftformation, die ich mit der klasse "schwarz" definiert habe, im ie gehts, aber im mozilla nicht ...

PHP-Code:


<td style="background: url(images/bg.gif) no-repeat" height="29"><div class="schwarz" style="vertical-align:bottom; padding-bottom:12px">Der Text INhalt</div></td>

kann man das noch irgendwie elleganter und browserübergreifendern lösen?

[CSS] text innerhalb tabelle positionieren