[gelöst] Anzeige von "Artikeln" sind ineinander verschachtelt
Eingetragen von codab (16)am 26.02.2011 - 16:39 Uhr in
Benötige mal wieder Hilfe von Leuten mit Ahnung. ;-)
Folgende Seite soll nicht als Werbung dienen, sondern nur zum Veranschaulichen meines Problems.
Auf http://www.die-fahrrad-station.de/herrenraeder sollen die Beiträge untereinander angezeigt werden, allerdings gelingt mir das gerade überhaupt nicht.
Standardmäßig wird der Text unterhalb oder oberhalb des Bildes angezeigt. Ich möchte jedoch den Text in der "Anrissseite" rechts neben dem Bild haben. Somit habe ich eine CSS aufgebaut (ja auch in der *.info eingetragen ;-) ) und den Absatz hinzugefügt:
.field-name-field-bild .field-items {
float: left;
margin: 0 20px 0 0;
}
Nun werden alle Artikel ineinander verschachtelt dargestellt. Fehlt mir hier noch ein Attribut oder habe ich zuviel eingetragen? Da ich mich im Bereich CSS nicht so gut auskenne, habe ich diesen Artikel unter Anfängerfragen untergebracht, wenn das hier nicht passend ist, dann bitte kurze Meldung, wo das besser aufgehoben ist.
Ich danke Euch schon einmal für die Unterstützung.
Beste Grüße
codab
- Anmelden oder Registrieren um Kommentare zu schreiben
clear
am 26.02.2011 - 17:34 Uhr
Hallo.
Wenn Du Elemente per "float" nebeneinander positionierst, musst Du Dich auch darum kümmern, dass nach den Elementen das "float" wieder aufgehoben wird. Das kannst Du über die CSS-Anweisung
clear: botherreichen.Stefan
clear
am 27.02.2011 - 19:58 Uhr
Vielen Dank, Stefan.
Hat zwar ein wenig gedauert, aber learning-by-doing ist ja auch nicht immer verkehrt.
Ich habe jetzt Folgendes eingefügt in die CSS-Datei:
.teaser-meta {
visibility: hidden;
clear: both;
}
Eine andere Stelle habe ich nicht gefunden, ohne dass dieser Trennstreifen auch noch "gefloatet" wird.
Besten Dank noch einmal.
codab