Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

[BlackBoSs]

Hallo,

Wieso lassen sich bei mir die Bilderabstände nicht ändern .. ?

Habe meinen Bilder eine Klasse vergeben ... und in der css datei dann versucht diesen bildern margin-right und margin-bottom zu vergeben .. leider funktionierte dies nicht so wie ich es mir gewünscht habe.. wollte zwischen allen bildern die selben abstände haben ...


wie kann ich meinen bildern margin-right und margin-bottom verpassen ?

habe es nicht genau in der lightbox.css gefunden ...

 

[cebito]

AW: Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

Link? Da wird dir dann geholfen!

 

[BlackBoSs]

AW: Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

Link? Da wird dir dann geholfen!

sorry. hab vergessen diese einzutippen

Link:

 

[cebito]

AW: Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

img ist ein Inlineelement, dem kann man nicht so einfach Maße und Abstände verpassen. Gib den Bildern inline-block

 

[BlackBoSs]

AW: Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

Mit folgenden CSS Codes ändert sich genauso nichts:

#content .bildergalerie { display:inline-block; padding-right:5px; padding-bottom:5px; }
oder
#content .bildergalerie { display:inline-block; margin-right:5px; margin-bottom:5px; }

 

[limubai81]

AW: Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

Hiho also den Bildern selber hast du keine Klasse gegeben, der darum liegende Div hat die Klasse "Bildergalerie".
Also musst du deinen CSS-Code weiter runter selektieren oder halt den Bildern/Link die Klasse geben.

lg LiMu

 

[BlackBoSs]

AW: Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

hab ich jetzt auch schon gemacht ... funktioniert zwar... aber die untersten 2 bilder stehen komisch da... und padding-top oder padding-bottom kann ich auch nicht vergeben bzw akzeptiert nicht ... passiert einfach nichts wenn ich die abstände oberhalb der bilder ändern will...

habe es mit padding-bottom und padding-top versucht ... beide keine wirkung

 

[cebito]

AW: Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

hab ich jetzt auch schon gemacht ... funktioniert zwar... aber die untersten 2 bilder stehen komisch da...

entferne mal

#content {
    text-align: justify;
}

und alles wird gut

habe es mit padding-bottom und padding-top versucht ... beide keine wirkung

Funktioniert bei mir einwandfrei

a img {    
   padding-top: 100px;
}

 

[BlackBoSs]

AW: Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

Es ist genauso wie ich es will jetzt aber wie kann ich das problem mit der sprachauswahl (flaggen) lösen ... da diese flaggen auch als <img> angegeben sind verschieben die sich auch ...

habe in der galerie allen bildern die klasse "bild_abstand" gegeben und in der css datei #bildergalerie .bild_abstand {padding:18px;} probiert... dann passiert nicht .. es lässt sich nur dann super verschieben wenn ich a img {padding:18px;} vergebe?


siehe sprachauswahl :

 

[limubai81]

AW: Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

Du hast auch noch in der CSS folgendes stehen:

a img {
    padding: 18px;
}

Das wirkt sich halt auch auf deine Flaggen aus.

Nimm das raus und positioniere deine Bilder über die Klasse "bild_abstand". Du hast diese zwar im HTML jedem Bild gegeben aber im CSS ist davon nichts zu finden.

 

[BlackBoSs]

AW: Lightbox 2.0 - Bilderabstände lassen sich nicht ändern

Du hast auch noch in der CSS folgendes stehen:

a img {
    padding: 18px;
}

Das wirkt sich halt auch auf deine Flaggen aus.

Nimm das raus und positioniere deine Bilder über die Klasse "bild_abstand". Du hast diese zwar im HTML jedem Bild gegeben aber im CSS ist davon nichts zu finden.

ah .. hab den fehler gefunden ...
hatte statt #content_galeri bildergalerie a img {...}
nur #content bildergalerie a img {...} geschrieben ... war also nur ein tippfehler...

ist zwar ärgerlich wenn man solche fehler übersieht aber gott sei dank hab ichs jetzt .. mit eurer hilfe ..... ich liebe dieses forum deshalb so sehr .. es wird einem immer geholfen

Herzlichen Dank