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

Navigation in Header -Problem

repac3r

Neues Mitglied
Guten Tag liebe com,
Ich habe eine Navigation, diese möchte ich gerne in den Header rein.

Hier mein Code:
HTML:
<body>    <header>        <img src="bilder/header.png" width=1105 height=122/>         <nav>            <ul>                <a href="#"><li>Fail-Bilder</li></a>                <a href="#"><li>Top Fails</li></a>                    <a href="#"><li>Hot or Not</li></a>                <a href="#"><li>Memes</li></a>            </ul>        </nav>    </header></body>

Eine ganz normale Liste, hier die CSS datei:

Code:
header {
    height:122px;
}


header nav ul{
    list-style-type:none;
}


header nav li{
    display:inline;
    margin-right: 50px;
    background-color:green;
    border-radius:10px;
    padding-right:20px;
    padding-left:20px;
    padding-top:3px;
    padding-bottom:3px;
}


header a {
    font-size:30pt;
}

Es soll so aussehen: Unbenannt.jpg
Ich schaffe es aber nicht, das ich die 4 Buttons oben, in den gelben Kasten rein bekommen.
Kennt jemand eine Lösu
 
Dein HTML-Code ist fehlerhaft. Die <li>'s dürfen nicht innerhalb von Links stehen. Sondern die Links müssen innerhalb der <li>'s stehen. Also:

HTML:
<li><a href="#">Top Fails</a></li>

Außerdem ist deine Frage eine Style-Frage, daher habe ich dein Topic in den CSS-Bereich verschoben. Bitte achte künftig darauf.

Die Antwort auf deine Frage ist die float-Eigenschaft:
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen
 
Zurück
Oben