21.04.05Bildergalerie mit Definitionslisten

Bei einem aktuellen Projekt habe ich mit Definitionslisten (<dl>) zur Erstellung einer Bildergalerie experimentiert. Dieser Artikel eröffnet auch gleichzeitig den neuen Bereich auf bs-markup. In der Kategorie Experimente wird es u.a. auch darum gehen, alternative Lösungsansätze mit den Besuchern zu diskutieren. Den Anfang macht eine Bildergalerie aus Definitionslisten.

Das erste Experiment ist hier zu finden.

Verbesserungsvorschläge und sonstige Kommentare können dann wie gehabt im Anschluss an entsprechenden Weblogeintrag erfolgen, der jeweils auch auf der Experimentseite verlinkt ist. So ist es möglich Experimente weiter zu entwickeln und diskutieren, um so auch anderen vielleicht einen guten Tipp mitgeben zu können.

Bookmarks

Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • DotNetKicks
  • Furl
  • MisterWong
  • NewsVine
  • Spurl
  • Technorati

2 Antworten

  1. Jeena Paradies am Apr 21, 2005 | Reply

    Noch ein Nachteil ist, dass man jedem dl eine feste breite geben muss und das zentrieren gefloateter Bereiche ist auch unmöglich. Hier schafft inline-block:

    This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as a replaced element on the line.

    Es ist eigentlich genau das was du suchst, doch leider kann das nur der Opera, Safari und Konqueror. Was ich übrigens nicht so richtig verstehe ist waum die Jungs die den Acid2 test gemacht haben anstatt der sowieso nie gebrauchten DataURLs nicht lieber inline-block in den Test mit aufgenommen haben.

  2. len am Apr 22, 2005 | Reply

    This is a good soluton for the non existing image-caption element.
    Maybe a bit over the top for replacing a table. In this case, creating a gallery with tables is good semantic coding, if you handle the tables properly.

    Using the DL list really improves accessibillity. Kinda like the use of UL in navigation bars.

    Good idea.

Mitreden? Dann schreibe einen Kommentar!

* = Pfichtfelder

Markup Webdesign Blog

Markup ist das Blog von Björn Seibert. Mehr
Impressum | Kontakt

Feed abonnieren