Hallo,
ich habe folgendes Problem:
Alle Bilder auf meiner Homepage habe ich folgende Formatierung mitgegeben (damit es schöner aussieht):
CSS:
.csc-textpic-caption {padding:5px 5px 0px 5px;
color:gray;
font-family:helvetica,arial;
font-size:11px;
background-color:#FAFAD2;
}
.csc-textpic-image{
padding:5px 5px 5px 5px;
border: 1px solid #97bf0d !important;
background-color:#FAFAD2;
}
Falls man nun den Seiteninhalt Text m/Bild einfügt und nur ein Bild verwendet, funktioniert das prima. Sobald man allerdings mehrere Bilder für den gleichen Seiteninhalt verwendet, stimmt die Formatierung nicht mehr überein.
Siehe auch: http://www.pic-upload.de/view-2133241/Problem.jpg.html
Die Klasse csc-textpic-imagewrap bekommt bei mehreren Bildern ein style-Element mit der Breite des Bildes mit (<div style="width: 200px;" class="csc-textpic-imagewrap">)Ich verwende bei mehreren Bildern natürlich nur eine Spalte.
Fügt man nun diesem Style-Element (mit zum Beispiel Firebug von Mozilla) die padding-Angaben von dem obigen Stylesheet hinzu, stimmt alles. Nun ist leider der Firebug von Mozilla keine gute Lösung für andere Anwender ;-). Ausserdem haben alle Bilder die Klasse csc-textpic-imagewrap. Daher meine Frage:
Bei mehreren Bildern untereinander verwende ich bei der Eingabe des Seiteninhaltes Text m/Bild 1 Spalte. Die Breitenangabe lege ich mit 200px fest. Daraus wird wohl der Klasse csc-textpic-imagewrap die Style-Vorlage mitgegeben. Kann ich nun irgendwie festlegen, dass in die Style-Vorlage zusätzlich noch bei Verwendung einer Spalte ein padding-right oder ähnliches mitgegeben wird?
Über Hilfe würde ich mich sehr freuen
Beste Grüße,
Timo