bei responsiver Galerie werden bilder nicht verkleinert

[kleppi]

Hallo,

bei meiner Galerie werden die Bilder nicht verkleinert.

Ansicht normal:
Unbenannt.png

Ansicht Smartphone:
Unbenannt1.png

das obere Bild ist als Type "bild" eingefügt und wird verkleinert.
die unteren 3 Bildern sind als Type "galerie" eingefügt und veränderen ihre Größe nicht.

Wer kann mir hlefen.


Gruß Klaus

[Kahmoon]

Du verwendest vermutlich ein Galerietemplate mit Tabellen und nicht mit Divs. Daher "kann" er es nicht verkleinern.

Ein Link wäre übrigens hilfreich

[kleppi]

ich arbeite nicht mit Tabellen

hier ist der Link http://contaotest.elukstarprojekte.d...hp/mobile.html

verkleinere den Bildschirm und du siehst die Ansicht

[Kahmoon]

-----

[Spooky]

Dir fehlt für .ce_gallery > ul li eine Breitenangabe bzw. ein

.ce_gallery > ul li {
    max-width: 100%;
} 

[kleppi]

Hi Spooky,

super, hat funktioniert.
weiß du auch, wie man die Bilder zentriert wenn die Bildschirmgröße größer als das Bild ist.

Gruß Klaus

[mlweb]

Immer dem Element (Block-Element) was Du zentrieren willst eine Breite mitgeben, egal ob absolut oder relativ und dann margin: x auto
Also für die gesamte Galerie wäre das zum Beispiel .ce_gallery oder die darin befindliche ul. Solltest Du das für ein einzelnes Bild verwenden wollen (inline-Element) dann reicht text-align: center.

[kleppi]

Hallo mlweb,

ich habe es nicht hinbekommen, habe die Änderungen nur mit Firebug gemacht.
Wenn du Zeit und Lust hast versuche es noch mal selber.

hier ist noch einmal der Link: http://contaotest.elukstarprojekte.d...hp/mobile.html

Gruß Klaus

[mlweb]

Ich glaube ich sehe Dein Problem.
Wenn Du Deine drei Galerie-Bilder in die Mitte haben willst fehlt nur

.ce_gallery > ul li {
width: 33.333%;
}

margin: x auto benötigst Du wenn das Ganze nicht über die gesamte Breite gehen soll.

[kleppi]

Hallo,

vielen Dank, das hat super geklappt, diese Lösung kann ich auch für eine normale Galerie nehmen, dann muß ich nicht immer den Abstand bestimmen.

Ich will dich nicht nerven, weiß du auch noch eine 2. Lösung, wenn ich die Bilder zentriert untereinander stellen will.


Gruß Klaus

[kleppi]

Hi,

wenn ich die Breite auf 100% setze werden die Bilder untereinander mittig zentriert.

vielen Danke noch einmal für deine Hilfe.


Gruß Klaus

[Spooky]

Alternative:

.ce_gallery ul {
    text-align:center;
}

.ce_gallery > ul li {
    display: inline-block;
    max-width: 100%;
} 

(ohne float:left;)

[kleppi]

Hallo spooky,

habe ich gerade getestet, das hat funktioniert.

schönen Tag
Klaus