Ashura: info box

Beitrag lesen

Hallo david.

Ich sehe hier eine http://de.selfhtml.org/html/text/listen.htm@title=Liste.

hi ashura,

bin deinem link gefolgt und verstehe nicht ganz worum hier die liste vorzuziehen ist.

Weil du eine Auflistung von Elementen hast.

eine <ul> ist ja auch ein block element ich will die bilder aber eben
z.b 3*3 im quadrat haben, da müsste ich die liste ja auch wieder formatieren...

Formatieren musst du sowieso. Mein Vorschlag:

Verpasse dem ul–Element eine bestimmte durch 3 teilbare Breite und Höhe, bspw. 30em. Lasse nun die li–Elemente floaten und verpasse diesen ein Drittel der Breite und ein Drittel der Höhe der Liste, hier also 10em. Fertig ist das Quadrat.

Solltest du die Inhalte der Listenelemente nun noch vertikal zentrieren wollen, musst du entweder mit display:table-cell arbeiten, oder — wenn du den IE unterstützen möchtest —  an Stelle der Liste eine Tabelle verwenden.

Einen schönen Dienstag noch.

Gruß, Ashura

--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]