<li>Ellemente gleichmäßig zentrieren

[Patchie]

Es ist bestimmt "ganz einfach", aber ich kenne die eine Zeile leider nicht

http://www.beeindruckende-technologie.d ... TEST3.html

Wie man sehen kann sollen die Buttons alle den gleichen Abstand zum Rahmen haben. Nur wie kann ich das machen?

[Manuel]

Hi du!

Der Text soll immer nach links den gleichen Abstand zum Rahmen haben? Oder was genau meinst du?
Wenn ja:

text-align: left;
margin-left: 10px;

Margin ist der Außenabstand, Padding der Innenabstand wenn du den Bereich links neben dem Text beispielsweise auch klickbar machen wollen würdest.

Lg,
Manuel

[Patchie]

http://www.beeindruckende-technologie.d ... bstand.jpg

Hier ein Bild mit Pfeilen wie ich es meine.

[Manuel]

Also mein Tipp: Verwende einfach mal den Firebug, das Plugin für den Firefox. Das hilft beim Debuggen und vor allem beim verstehen. Du musst lediglich beim ul den Padding-Wert verändern. Dennoch stimmt da noch irgendwas nicht mit deinen 2 clear-divs darüber, denn sollten die Buttons nicht in der Box liegen?

[Patchie]

Also mein Tipp: Verwende einfach mal den Firebug, das Plugin für den Firefox. Das hilft beim Debuggen und vor allem beim verstehen. Du musst lediglich beim ul den Padding-Wert verändern. Dennoch stimmt da noch irgendwas nicht mit deinen 2 clear-divs darüber, denn sollten die Buttons nicht in der Box liegen?

Yo, Firebug hab ich. Kapier es trotzdem nicht. WAS muss ich denn nun genau an Code eingeben? Relatives Zentrieren von Ellementen mit CSS ist JEDESMAL ein Ärgerniss und kostet mich immer Zeit! Wirklich nervig.
Das mit dem clear left hab ich schon gelöst. Komischer Fehler.

<div style="clear:left"></div>

Hintern dem </ul> Tag und alles ist in der Box.

body { color: black; background-color: #CCCCFF; margin: 0pt; }

Beim body klapt ja alles mit "margin: 0 pt;". Ich kappier es einfach nicht...

Sollte nen Befehl "ellement: center/left/right;" geben.

Ich geh jetzt aber erst mal schlafen kapier schon nichts mehr...

[Patchie]

Hab die Lösung gefunden.

width:664px; margin:auto; padding:0;

muss in das <ul> und im <li> das width 5px weg. Keine Ahung wieso ich das da rein geschrieben hatte...

[Manuel]

Na aber das hatte ich doch geschrieben, dass der Padding-Wert ins ul-Tag muss
Schaus dir wenn du entwickelst auch direkt in mehreren Browsern an. Dann hast du auch direkt die Kontrolle ob du es richtig entwickelst.

Lg,
Manuel

[Patchie]

Na aber das hatte ich doch geschrieben, dass der Padding-Wert ins ul-Tag muss
Schaus dir wenn du entwickelst auch direkt in mehreren Browsern an. Dann hast du auch direkt die Kontrolle ob du es richtig entwickelst.

Lg,
Manuel

Dachte eigentlich ich hätte das gemacht... Aber es ist wohl sehr schlecht übermüdet zu "programmieren". Da kommt nichts gutes bei raus... Habe gehört Bill Gates hat auch total lange in der Nacht an seinem Windows programmiert

Deswegen mache ich auch heute Schluss und geh schlafen

*closen*