[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
Bilder mit Unterschrift auf selber Höhe - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Benutzeravatar
Solander
Beiträge: 115
Registriert: 15. Apr 2007, 00:58
Wohnort: Konstanz
Kontaktdaten: Website

Bilder mit Unterschrift auf selber Höhe

14. Aug 2009, 09:06

Hi,

ich hätte gerne folgenden Aufbau: 7 (verschieden hohe) Bilder nebeneinander mit jeweiligem Titel unter dem Bild, dabei sollen die Titel auf der selben Höhe sein.
Ich habe es jetzt über floatende divs gelöst, allerdings werden die Bilder dann an der oberen Kante ausgerichtet und nicht an der unteren.
Link zu der Seite: HukePuk | Kollektion

Wäre super wenn jemand einen Lösungsansatz hätte!

Danke schon mal.

Benutzeravatar
Thomas.Blum
Entwickler
Beiträge: 5063
Registriert: 24. Aug 2004, 22:11
Wohnort: Dresden
Kontaktdaten: Website

14. Aug 2009, 11:42

Hej,

dem a-Element folgende Anweisung geben

Code: Alles auswählen

.nebeneinander a {
  position:relative;
  display:block;
  float:left;
  height:200px;
  text-decoration:none;
}
Um den Namen darunter ein <span> setzen und das hier in das CSS aufnehmen:

Code: Alles auswählen

.nebeneinander a span
{
  position: absolute; 
  bottom:0; 
  left: 0;
}
vg Thomas

Benutzeravatar
Solander
Beiträge: 115
Registriert: 15. Apr 2007, 00:58
Wohnort: Konstanz
Kontaktdaten: Website

14. Aug 2009, 13:13

Danke!

Habe jetzt über viele Umwege eine Lösung mit <ul>'s und display:table; gefunden, die auch einigermaßen funktioniert.

Aber danke für deinen Ansatz, hat display:block; hat mir ein Licht aufgehen lassen :)

Zurück zu „Sonstiges“