Menü zentrieren
Gast
- css
Mahlzeit,
ich möchte folgende Menüpunkte nebeneinander setzen und gemeinsam horizontal zentrieren:
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<div class='clear'></div>
</ul>
dafür probiere ich dieses:
ul {width:100%; margin-left:auto; margin-right:auto} /* Variante 1 */
ul {width:100%; text-align:center} /* Variante 2 */
li {
display: block;
float: left;
margin: 0 0 0 5px;
padding: 2px 5px 2px 5px;
}
Die Punkte ergeben zwar eine Zeile, kleben aber am linken Rand. margin:auto klappt wohl auch nur zusammen mit einer width-Angabe, die ist aber variabel und damit nicht bekannt.
Wie geht es richtig?
Gruß, Gast
[latex]Mae govannen![/latex]
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<div class='clear'></div>
</ul>
Ungültiges HTML. div darf kein direkter Nachfahre von ul sein.
Wie geht es richtig?
https://forum.selfhtml.org/?t=205898&m=1396630 ff
Stur lächeln und winken, Männer!
Kai
Hallo,
ich möchte folgende Menüpunkte nebeneinander setzen und gemeinsam horizontal zentrieren:
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<div class='clear'></div>
</ul>
Die Frage scheint heute wohl populär zu sein.
Viele Grüße Novi
Moin!
Die Frage scheint heute wohl populär zu sein.
Is wohl grad Bestandteil eines Tests oder Hausaufgabe, oder aehnlichem.
Moin!
Die Frage scheint heute wohl populär zu sein.
Is wohl grad Bestandteil eines Tests oder Hausaufgabe, oder aehnlichem.
Achso es gibt mehrere solcher Fragen :D. Ich hab bis jetzt gedacht ich klicke immer das gleiche an :D...
Na wahrscheinlich waren die Antworten im anderen Thread unbefriedigend.