Isotope Views
Eingetragen von wrestler (216)am 06.06.2014 - 14:14 Uhr in
Hallo zusammen
Ich habe mein Portfolio mit jQuery Isotope Views erstellt, was grundsätzlich einwandfrei funtktioniert.
Die Breite der einzelnen Elemente sollte sich jedoch der Fenstergrösse insofern anpassen, dass die Breite des ganzen Inhalts die Fensterbreite zu 100% ausfüllt. Allein mit CSS bringe ich das nicht hin.
Das sieht bei mir so aus http://web13.504.hosttech.eu/work
Und so sollte es sein: http://jeremycowart.com/blog/
Wie kann ich das lösen?
- Anmelden oder Registrieren um Kommentare zu schreiben
Das bekommst du nur mit CSS hin
am 07.06.2014 - 08:25 Uhr
Drupal hat den Content und die Darstellung konsequent getrennt.
Du musst die Darstellung alleine mit den Mitteln der Templates regeln.
Dynamisch geht das nur mit CSS und ggf. etwas javaScript
#isotope-container
am 07.06.2014 - 11:24 Uhr
#isotope-container .isotope-element {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
transition-property: all;
}
.isotope-item {
float: left;
height: auto;
}
.isotope-element {
background: none repeat scroll 0 0 #BEBEBE;
color: #FFFFFF;
margin: 0 10px 0 0;
overflow: hidden;
width: 150px;
}
liefert :
Für völlig dynamische Element
am 07.06.2014 - 11:33 Uhr
Für völlig dynamische Element Breite müsstest du die /libraries/jquery.isotope/jquery.isotope.min.js anpassen, da dort 200px fest definiert sind.
Zitat: Für völlig dynamische
am 07.06.2014 - 11:43 Uhr
Für völlig dynamische Element Breite müsstest du die /libraries/jquery.isotope/jquery.isotope.min.js anpassen, da dort 200px fest definiert sind.
Vielen Dank! Was müsste ich denn dort genau ändern?
du könntest bei
am 07.06.2014 - 15:05 Uhr
du könntest bei t.style.width="200px, den Wert auf auto oder 100% setzen. Musst du halt mal probieren, aber ohne Gewähr ;)
[quote=glycid]#isotope-contai
am 23.06.2014 - 17:19 Uhr
[quote=glycid]
#isotope-container .isotope-element {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
transition-property: all;
}
.isotope-item {
float: left;
height: auto;
}
.isotope-element {
background: none repeat scroll 0 0 #BEBEBE;
color: #FFFFFF;
margin: 0 10px 0 0;
overflow: hidden;
width: 150px;
}
Ich habe mal deine Einstellungen übernommen. Bei mir funktioniert dies jedoch nicht. Was genau ist die entscheidende Korrektur?
Müsst ich noch etwas deaktivieren?
Ich wär schon ziemlich happy, wenn ich es so hinkriege wie auf deinem Screenshot.
Danke für deine Bemühungen.
Ich komme hier leider
am 14.07.2014 - 12:19 Uhr
Ich komme hier leider definitiv nicht weiter :(
Ist jemand interessiert, dies für mich zu lösen gegen Bezahlung?
.............
am 15.07.2014 - 05:49 Uhr
hat sich geklärt