nicht angemeldet
Text in Tabellen
Hallo zusammen,
habe eine Tabelle mit 2 Spalten und 2 Zeilen erstellt. Im linken Teil habe ich Bilder und rechts den Text (Zellen zusammengefügt).
Nun hätte ich gerne, dass der Text nicht direkt an den Tabellenrahmen gequetscht wird, wie kann ich da einen Abstand auf allen 4 Seiten einstellen?
-
CSS: "margin: 5px;" z.B. für 5 Pixel Abstand auf jeder Seite.
Das kannst du in deinem table data-Element z.B. so einfügen:
<td style="margin: 5px;">-
Danke für die schnelle Antwort. Aber es will nicht klappen. Wenn ich das so einfüge verschiebt sich mein bild in der linken spalte ganz nach unten und beim Text tut sich gar nix.
Hier mal meine HTML Code für mein Vorhaben. Sorry, wenns jetzt en bissl drunter und drüber aussieht, aber ich steh noch am Anfang von HTML ;)
<table border="1" rules="cols" width="70%" align="center" >
<caption><big>Benjamin</big></caption>
<tr><td></td>
<th rowspan="2" align="left"><span style="font-size:10pt"><p align="justify">
<b><font color="#FF0000">So hier darf ich mich mal vorstellen</font>
</b> <br> <br>
Hier mal die Eckdaten
<br><br>
Mein Name ist Benjamin Becker,
<br>
ich bin 22 Jahre alt,<br>
von Beruf gelernter Verfahrensmechaniker<br>
und wohnhaft in Fußgönheim<br> <br>
Also, in meinem normalen Leben arbeite ich bei der BASF AG in Ludwigshafen. Dort habe ich, nach meiner mittleren Reife 1998,
3 Jahre später meine Ausbildung zum Verfahrensmechaniker für Kunststofftechnik erfolgreich abgeschlossen und arbeite nun auf
meinem Beruf. 2002 habe ich mit der Technikerschule auf Teilzeit angefangen, was soviel heißt wie viermal die Woche von
17.30 Uhr - 20.00 Uhr die Schulbank drücken. (jetzt kann ich anfangen rückwärts zu zählen)In meiner Freizeit spiele ich
gerne Fußball und Inline Hockey und fahre auch gerne Inline Skates, außerdem verbringe ich viel zu viel Zeit vorm PC.
Bei unserem "Projekt" Schorle4Life darf ich den Webmaster spielen. Mal sehen ob wir in Zukunft noch was damit auf die Beine
stellen können. Soviel erst mal von meiner Seite.</p>
</th></span>
</tr>
<tr>
<td><img src="Fotos/benjamin.jpg" width="270" height="270" border="0" alt=""></td>
</tr>-
Sorry, padding war's... ich bring die beiden immer durcheinander.
padding für inneren Rand, margin für äußeren Rand ...
padding für inneren Rand, margin für äußeren Rand ...
padding für inneren Rand, margin für äußeren Rand ...
padding für inneren Rand, margin für äußeren Rand ...
padding für inneren Rand, margin für äußeren Rand ...
padding für inneren Rand, margin für äußeren Rand ...
padding für inneren Rand, margin für äußeren Rand ...
;-)Bei mir verschiebt sich dann das Bild nicht, bleibt zentriert im td.
Der Yeti
--
Habe nun, ach! WInfo, BWL, und Mathe, Und leider auch Info!
Durchaus studiert, mit heißem Bemühn. Da steh' ich nun, ich armer Thor!
Und bin so klug als wie zuvor!-
Hi, hab das so eingefügt aber das bild ist trozdem verschoben
-
Inwiefern verschoben? Zeig doch mal eine Vorher-nachher-Testseite, wenn das geht.
Hast du schon mit dem vertical-align herumgespielt?
Der Yeti--
Habe nun, ach! WInfo, BWL, und Mathe, Und leider auch Info!
Durchaus studiert, mit heißem Bemühn. Da steh' ich nun, ich armer Thor!
Und bin so klug als wie zuvor!-
habs hinbekommen, hab statt td einfach p genommen da ich meinen Tabellensatz in einen Absatz geschrieben habe.
Danke für deine Hilfe
-
-
-
-
-
Hab jetzt statt margin - padding eingesetzt aber das Foto rutscht trotzdem runter und warum hab ich einen schwarzen Rand?
http://www.schorle4life.de/benjamin.htm
-