float-Problem bei corolla
Eingetragen von pkreutzer (17)am 01.09.2012 - 13:21 Uhr in
Hallo!
Kann mir jemand sagen, welches Element floaten muss, um die beiden (und evtl. weitere) Fotos im unteren Bereich der Seite http://www.zwieseler-orgeltage.info/presse nebeneinander dargestellt zu bekommen? Momentan habe ich folgendes css:
.field-name-field-pressefoto .field-item img {
display:inline;
float:left;
margin:5px;
}
Oder ein Tipp, wer oder was das floaten verhindert?
Schon mal Danke fürs Überlegen!
Peter
- Anmelden oder Registrieren um Kommentare zu schreiben
Es gibt für .field-type-image
am 01.09.2012 - 14:02 Uhr
Es gibt für .field-type-image figure ein clear: left und das kannst Du an der Stelle nicht brauchen, denn es sogt dafür, dass vor jedem Bild der Float aufgehoben wird. Also solltest Du
.field-name-field-pressefoto .field-type-image figure {clear: none;
}
in Dein CSS einbauen. Du musst aber evtl. beim nachfolgenden Element auf der Seite dann das Clear left einfügen, damit der Rest der Seite nicht verhauen wird.
Beste Grüße
Werner
hi peter versuch mal
am 01.09.2012 - 14:04 Uhr
hi peter
versuch mal das:
.field-name-field-pressefoto {
width:100%;
}
.field-name-field-pressefoto .field-items{
width:100%;
}
.field-name-field-pressefoto .field-items .field-item{
float:left;
margin:5px;
}
Hallo, vielen Dank Werner und
am 02.09.2012 - 10:27 Uhr
Hallo,
vielen Dank Werner und 1kubik! Danke für eure superschnellen Antworten. Allerdings erhielt keine die endgültige Lösung, aber ihr habt mich auf die richtige Spur gebracht. So funktioniert es:
.field-name-field-pressefoto .field-items .field-item{
clear:none;
margin:5px;
}
Ich sehe schon, dass ich besseren Durchblick bei den Verschachtelungen in css brauche!
Nochmal vielen Dank und herzliche Grüße!
Peter