Bilder lückenlos einfügen
Eingetragen von BSG1966 (6)
am 12.06.2009 - 08:08 Uhr in
am 12.06.2009 - 08:08 Uhr in
Hab folgendes Problem:
Ich habe oben und unten auf meiner Seite jeweils 4 Bilder aneinandergereiht und diese eigentlich auch lückenlos eingefügt. Sie werden aber trotzdem jeweils mit Lücken dargestellt. Was muss ich da ändern?
- Anmelden oder Registrieren um Kommentare zu schreiben
CSS
am 12.06.2009 - 08:18 Uhr
Moin.
Was muss ich da ändern?
Die entsprechenden CSS-Anweisungen.
Um diese Anweisungen herauszufinden, solltest Du Dir firebug installieren und dann einfach mal schauen, wo der Abstand zwischen den Bildern definiert ist. Dann kannst Du ihn (den Abstand) einfach in der style.css Deines Themes überschrieben (also entfernen).
hth,
Stefan
--
sei nett zu Deinem Themer
Tipp: Beachte die Verhaltensregeln des DrupalCenter.
obwohl oder ein eventuell
am 12.06.2009 - 09:25 Uhr
obwohl
<img>
, oder ein eventuell bei dir vorhandenes<a>
um die bilder herum, inline-elemente sind, kommt es oft zu abständen in der browserdarstellung (skurilerweise gab es früher hier auch probleme mit zeilenumbrüchen im quelltext :)versuche auf das element ein
float:lef
t oderfloat:right
zu legen ...||||||||||||||||||||||||||
www.diesachbearbeiter.de
||||||||||||||||||||||||||
float und Abstand
am 12.06.2009 - 09:28 Uhr
versuche auf das element ein
float:lef
t oderfloat:right
zu legen ...Wozu das denn? Wenn da ein
img {margin: 20px;}
greift, haben auch gefloatete Elemente einen Abstand. Solange man margin (oder padding) nicht auf "0" setzt, hat man da immer den Abstand.Stefan
--
sei nett zu Deinem Themer
Tipp: Beachte die Verhaltensregeln des DrupalCenter.
die annahme: die bilder
am 12.06.2009 - 09:59 Uhr
die annahme: die bilder sollen bündig aneinander stoßen -> obwohl
<img>
= inline-element -> obwohl margin:0 + padding:0 -> trotzdem willkürlicher abstand -> float hilftwenn du das problem noch nie hattest - glück :)
o.k. und grundannahme:
*{margin:0;padding:0;}
img{border:0;}
||||||||||||||||||||||||||
www.diesachbearbeiter.de
||||||||||||||||||||||||||
Beispiel
am 12.06.2009 - 10:04 Uhr
Na da hätte ich dann jetzt doch gerne mal ein Beispiel Deinerseits (online, keinen Quellcode), wo trotz entfernter margins und paddings ein Abstand zwischen Elementen ist (ohne float).
Stefan
--
sei nett zu Deinem Themer
Tipp: Beachte die Verhaltensregeln des DrupalCenter.