FlexSlider - Bilder im Ausgaberahmen verschoben
am 09.04.2013 - 20:30 Uhr in
Hallo Forumsteilnehmer,
ich habe heute das FlexSlider-Modul 7.x-2.0-alpha1 zusammen mit jQuery FlexSlider v2.0 installiert und ausprobiert.
Ich habe die Konfiguration so vorgenommen, dass die Bilder in einem Node, der auf Basis eines eigens erstellten Inhaltstypen hochgeladen und ausgegeben werden.
Der FlexSlider funktioniert soweit. Das Problem ist aber, dass die Ausgabe nicht korrekt ist (Snapshot im Anhang). Genauer gesagt ergeben sich folgende Probleme:
- Das ausgegebene Bild ist im umgebenden Rahmen nicht zentriert und befindet sich zu weit am rechten Rand.
- Die Positionsanzeigen (kleine Kreise) unter dem Rahmen liegen auf der unteren Rahmenlinie und nicht darunter und außerhalb des Rahmens.
- Zudem finde ich den Abstand von Rahmen zu Bild zu groß.
Hat das schon mal jemand ausprobiert und weiß jemand Abhilfe? Mein CSS3-Kenntnisse sind leider noch zu gering, dass ich der Sache genauer auf den Grund gehen könnte. Ich habe mich zwar schon an der CSS-Datei /sites/all/libraries/flexslider/flexslider.css
im jQuery-Modul versucht und bin der Meinung, es muss irgendwo am Styling des ul
oder li
liegen, aber komme da nicht so recht weiter.
Ich bin für jeden Tipp dankbar!
Viele Grüße
Anhang | Größe |
---|---|
flexslider_20_layout.jpg | 157.26 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich glaube ohne einen Link zu
am 10.04.2013 - 14:08 Uhr
Ich glaube ohne einen Link zu Deiner Webseite kann Dir hier niemand helfen...
bv schrieb Ich glaube ohne
am 10.04.2013 - 17:30 Uhr
Ich glaube ohne einen Link zu Deiner Webseite kann Dir hier niemand helfen...
Das ist alles lokal, also gibt es keinen Link und darum habe das Bild angehängt. Da es sich um eine Standardinstallation handelt, bin ich davon ausgegangen, dass das Problem schon mal jemand gehabt haben muss.
Drupal 7
ähnliches Problem mit Flexslider
am 29.09.2013 - 18:31 Uhr
Hi,
bei mir ist auch ein ungewollt großer linker Rand und die Slides schieben sich aus dem Container heraus.
Hier ist es zu sehen: http://dev.gewaltfrei-dach.eu
Flexslider 7.x-2.0-alpha3
Flexslider library 2.2
Für jeden Hinweis bin ich dankbar.
-red
Dann füge am Ende Deiner
am 29.09.2013 - 19:16 Uhr
Dann füge am Ende Deiner CSS-Anweisungen ein:
.flexslider .slides > li {
margin-left: 0;
}
Du hast nämlich an zwei Stellen eine margin-left auf das allgemeine li-Tag:
base.css Zeile 169 und
typography_changed.css Zeile 143
Die sorgen für den Murks.
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Vielen Dank Werner für die
am 29.09.2013 - 21:03 Uhr
Vielen Dank Werner für die schnelle Antwort!
Du hast mir den Abend gerettet und mir weitere Grübeleien erspart.
Genau das wars!
Schöne Grüße
René