am 03.06.2007 um 17:39 Uhr
Grafiken Flash HTML & CSS PHP & MySQL Javascript Fertige Skripte Anderes Statistik
|
|
Anzeigen
|
2x bewertet
Was ist Padding?
mit Padding kann man den Abstand von einem Objekt machen. Wie im Float-Tutorial. Das sieht dort doof aus, weil der Text zu nah am Bild ist. Mit Padding können wir dies verändern!
Wir wollen also das das ganze so aussieht:
es gibt padding wie border für top, bottom, left, right =)
An unserem Beispiel sieht das Ganze dann so aus:
So sieht das ganze schon viel ordentlicher aus. Das sieht auch schöner aus, wenn man Border benutzt und den Abstand zur Linie vergrößern will!
mit Padding kann man den Abstand von einem Objekt machen. Wie im Float-Tutorial. Das sieht dort doof aus, weil der Text zu nah am Bild ist. Mit Padding können wir dies verändern!
Wir wollen also das das ganze so aussieht:
padding-right:10px;
padding-bottom:10px;
es gibt padding wie border für top, bottom, left, right =)
An unserem Beispiel sieht das Ganze dann so aus:
<img src=tutorials/109_1.gif border=0 style="float:left;padding-right:10px;padding-bottom:10px;">
Text Text
So sieht das ganze schon viel ordentlicher aus. Das sieht auch schöner aus, wenn man Border benutzt und den Abstand zur Linie vergrößern will!
2 Kommentare
Wenn man um das ganze Bild einen Abstand möchte, kann man auch einfach padding: 10px; schreiben. Dann ist der "durchsichtige" Rand um das ganze =)
ich würd eher margin nehmen, weil, wenn man zB noch nen rahmen um das bild definiert, klebt der dann ja auch wieder am text. :]
am 04.06.2007 um 18:05 Uhr