[gelöst] Titel vor, statt über dem Bild
am 06.10.2011 - 15:35 Uhr in
Kann mir jemand sagen warum sich in der Box "Neue Linkseinträge" die Titel schön oben am Bild und in der Box "die nächsten Reisen" sie sich "vor" dem Bild befinden?
(Ich habe die gleichen Einstellungen verwendet in der Ansicht)
Wie bring ich den Titel über das Bild???
Ich habe es auch mit firebug nicht rausgefunden...

Linkzur Seite
Freue mich auf Antworten/Tipps
Beste Grüsse Joni
- Anmelden oder Registrieren um Kommentare zu schreiben

Titel vor Bild setzen
am 06.10.2011 - 17:20 Uhr
Es sieht so aus, als ob in den Listen in der Mitte im View das Bild vor dem Titel kommt, nicht umgekehrt, übrigens auch bei den Links http://www.communio.ch/links
Danke für die Antwort! :) Bei
am 07.10.2011 - 08:25 Uhr
Danke für die Antwort! :)

Bei den Links war das Bild vor dem Titel (ich habe es jetzt geändert) aber bei "den nächsten Reisen" kommt der Titel vor dem Bild (siehe Bild), mein Problem ist aber wieso der Titel nicht über dem Bild ist... Bei "Links" sind jetzt die meisten Titel über den Bilder, aber nicht alle und bei "den nächsten Reisen" befinden sich noch alle Titel auf der linken Seite des Bildes... Woran liegt das??? (Wenn ich den Titel unter das Bild setze, ist das Bild links und der Titel rechts - statt Bild oben, Titel unten... wie bokomme ich die 2. Variante hin???)
Beste Grüsse Joni
display: block;
am 07.10.2011 - 08:42 Uhr
Bilder werden normalerweise immer im Textfluss angezeigt (als Inline-Element). Das kann man mit align steuern.
Um die Überschriften über die Bilder zu kriegen, musst du aus den Bildern Block-Elemente machen:
#main img {display: block;
}
EDIT
Dass es bei der Linkliste klappt, liegt daran, dass dort im Quellcode Zeilenumbrüche eingefügt sind (woher die stammen, weiß ich allerdings nicht):
Vielen Dank für die
am 07.10.2011 - 10:06 Uhr
Vielen Dank für die Hilfe!!!
Das war die Lösung :D
Noch eine Frage:
Was müsste man machen um die Titel so hinzubekommen wie das Datum und die Ortschaft bei www.communio.ch/events -> oben rechts neben dem Bild?
Beste Grüsse Joni
float: left;
am 07.10.2011 - 11:23 Uhr
Dann probier's mal statt display:block; mit float:left; bei den Bildern: