Drei Elemente in einer Reihe
0 
Felix Riesterer
0 0
Drei Elemente in einer Reihe
Hallo,
wie kriege ich innerhalb einer UL pro Zeile (LI) drei Elemente nebeneinander? Ich habe es schon mit drei einzelnen SPANs versucht, aber da greift padding, width und height nicht.
Versuche ich es mit drei DIVs und float:left, sind die einzelnen Zeilen nicht mehr untereinander, sondern das Element der nächsten Zeile fängt direkt hinter dem letzten Element der vorherigen Zeile an.
Wie geht's richtig?
VG,
root66
-
Liebe(r) root66,
Ich habe es schon mit drei einzelnen SPANs versucht, aber da greift padding, width und height nicht.
dann musst Du die Elemente vielleicht auf http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display:block schalten.
Versuche ich es mit drei DIVs
Jaja, unsinnige Dokumentstruktur hat noch nie sonderlich viel weitergeholfen. Bleibe bei Deinen <span>-Elementen!
sind die einzelnen Zeilen nicht mehr untereinander, sondern das Element der nächsten Zeile fängt direkt hinter dem letzten Element der vorherigen Zeile an.
Wenn Du die Elemente innerhalb eines <li>-Elements floaten lässt, dann musst Du das nächste <li>-Element mit http://de.selfhtml.org/@title=clear dazu zwingen, "wieder von vorn zu beginnen". Dabei darf das erste <li>-Element auch ein clear erhalten, was ja nicht stört. Also: Verpasse allen Deinen <li>-Elementen ein passendes clear!
Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
Wenn Du die Elemente innerhalb eines <li>-Elements floaten lässt, dann musst Du das nächste <li>-Element mit http://de.selfhtml.org/@title=clear dazu zwingen, "wieder von vorn zu beginnen". Dabei darf das erste <li>-Element auch ein clear erhalten, was ja nicht stört. Also: Verpasse allen Deinen <li>-Elementen ein passendes clear!
Das Problem ist, daß sich die Liste innerhalb eines dreispaltigen Layouts in der Mitte befindet. Die links Spalte ist float:left, die rechte float:right.
Sobald ich jetzt bei einem li ein clear:left verwende, rutscht die gesamte ul-Liste unterhalb des Designs.
-
Lieber root66,
Sobald ich jetzt bei einem li ein clear:left verwende, rutscht die gesamte ul-Liste unterhalb des Designs.
bitte eine Beispielseite online stellen, damit man sich das einmal anschauen kann!
Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
-
-
-
Hi,
wie kriege ich innerhalb einer UL pro Zeile (LI) drei Elemente nebeneinander? Ich habe es schon mit drei einzelnen SPANs versucht, aber da greift padding, width und height nicht.
doch, wenn Du die spans floatest und ihnen eine width gibst. Gesamtbreite (Padding wird zu width _dazugezählt!) beachten. Ggf. li clearen
Gruesse, Joachim
--
Am Ende wird alles gut. -
wie kriege ich innerhalb einer UL pro Zeile (LI) drei Elemente nebeneinander? Ich habe es schon mit drei einzelnen SPANs versucht, aber da greift padding, width und height nicht.
Ich werf' mal display:inline-block in die Runde.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische