• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Verschiebung?

C

coolerj

Neues Mitglied
Hallo,

Ich habe eine komische Verschiebung weis allerdings nicht wodran es liegt.
HTML:
PHP: 
<html>
    <head>
        <title>The Club of Vampire</title>
        <link rel="stylesheet" type="text/css" href="styles/all.css">
    </head>
    <body>
        <div id="page">
            <div id="headerline">
            </div>
            <div id="pagebox">
                <div id="menueline">
                    <ul>
                        <li><div id="button">Home</div></li>
                        <li><div id="button">Home 1</div></li>
                        <li><div id="button">Home 2</div></li>
                    </ul>
                </div>
                <div id="iframebox">
                </div>
            </div>
        </div>
    </body>
</html>
CSS:
PHP: 
* {
    padding: 0;
}

#menueline {
    height: 22px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
}

#button {
    height: 20px;
    width: 80px;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    text-align: center;
    background-image:url(../bilder/auge.jpg);


    color: grey;
}

ul li {
    float:left;
    margin:0;
    padding:0;
    list-style: none;
}
Weiß einer wo dran das liegt bild ist im Anhang.

EDIT:

Fehler Gefunden
 

Anhänge

  • verschiebung-html.de.png
    verschiebung-html.de.png
    5,5 KB · Aufrufe: 11
Zuletzt bearbeitet:
Einfacher ist es, Du schickst einen Link. Da kann ich dann mit Firebug die Elemente direkt untersuchen.
So muss ich mich durch den Code wühlen, da hab ich schlicht keine Lust dazu.

Aber einen Tipp habe ich, entferne die komischen <div>s aus Deinen Listenelementen, die haben da nichts verloren. <div> ist dazu da, eine logische Gruppe auszuzeichnen, eine Gruppe besteht aber aus mindestens zwei Elementen. Du hast aber nichtmal eines, sondern nur Text. Weg damit. Was Du mit dem <div> vorhast, kannst Du genauso mit dem <li> machen, sind auch beides Block-Elemente.
 
Noch am Rande:
HTML: 
           <ul>
                        <li><div id="button">Home</div></li>
                        <li><div id="button">Home 1</div></li>
                        <li><div id="button">Home 2</div></li>
                    </ul>
eine id darf immer nur einmal auf der Seite vorkommen.
 
stachelbeer schrieb:
Noch am Rande:
HTML: 
           <ul>
                        <li><div id="button">Home</div></li>
                        <li><div id="button">Home 1</div></li>
                        <li><div id="button">Home 2</div></li>
                    </ul>
eine id darf immer nur einmal auf der Seite vorkommen.
Zum Vergrößern anklicken....

Ich hätte "nur einmal" fett geschrieben. So wie du es dargestellt hast kann man meinen man kann es auch mehrmals. In dem Sinne es darf, aber muss nicht höchstens.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben