liiste wagrecht positionieren
lima-city → Forum → Die eigene Homepage → Grafikdesign
after
ansichtssache
aufpassen
blocken
code
display
eigenschaft
element
freie entscheidung
http
machen
markup
methode
positionieren
problem
reines layout
standard
url
verwenden
zuviel
-
Wie kann ich das Element <ul> mit css Wagrecht anstatt Senkrecht wie standard ist für ein Menü Positionieren?
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
float:left geht auch noch. Hängt davon ab was du machen wilst...
-
habe es mit
gelöst um bei der Positionierung freie Entscheidung zu haben.ul li { display: inline; } -
habe es mit
gelöst um bei der Positionierung freie Entscheidung zu haben.ul li { display: inline; }
Freie Entscheidung hat man nur, wenn du die <li>s links oder rechts floatest, wie nikic gesagt hat. Dann sind nämlich die <li>s immer noch Blockelemente und können mit paddings, margins ohne Probleme gestylt werden.
Wenn du sie zu Inlineelemente machst, würde [padding|margin]-[top|bottom] nicht (richtig) funktionieren.
Wenn du sie floatest, musst du aufpassen, dass du das ganze clearst. Am einfachsten geht das so:
ul { overflow: hidden; }
Ryan
Beitrag geändert: 29.12.2008 21:51:28 von ryanblack -
enn du sie floatest, musst du aufpassen, dass du das ganze clearst. Am einfachsten geht das so:
ul { overflow: hidden; }
Ich verstehe nicht was das macht?
Ich kenne viele Methoden um zu clearen, aber diese nicht.
Normalerweise cleart man entweder mit einem <br style="clear:both;" />. Das wäre die billig-Variante.
Falls man das schön professionell machen will, dann macht mans mit ner cleerfix-Klasse:
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
Und für den IE muss man ein Conditional-Comment machen, mit zoom: 1, damit die Eigenschaft hasLayout angewendet wird, die beim IE ein automatisches Clearing erzeugt. -
enn du sie floatest, musst du aufpassen, dass du das ganze clearst. Am einfachsten geht das so:
ul { overflow: hidden; }
Ich verstehe nicht was das macht?
Ich kenne viele Methoden um zu clearen, aber diese nicht.
Normalerweise cleart man entweder mit einem <br style="clear:both;" />. Das wäre die billig-Variante.
Falls man das schön professionell machen will, dann macht mans mit ner cleerfix-Klasse:
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
Und für den IE muss man ein Conditional-Comment machen, mit zoom: 1, damit die Eigenschaft hasLayout angewendet wird, die beim IE ein automatisches Clearing erzeugt.
Siehe dazu: http://labs.hostsen.net/2008/06/23/automatisch-clearen-mit-css/ -
Ansichtssache :D
Ich bleib beim guten alten clearfix :P
Das andere ist zu einfach :P Das sieht verdächtig aus. -
Wenn es darum geht semantisches Markup zu verwenden, und davon auch nicht zuviel, ist diese Methode eigentlich am besten geeignet ;)
Mit <div style="clear: both;"></div> bzw. <div class="clear"></div> verwendest du ein Element, welches nicht für den Content bestimmend ist. Also reines Layout. Und dies sollte eigentlich vermieden werden. -
Naja, aber beim clearfix ists ja genauso ...
Du hast nur CSS...kein extra div oder br oder sonstiges. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
