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

Verschobene Navigation...

Status
Für weitere Antworten geschlossen.
Werbung:
Floate mal <li> anstelle von <a>.
Das float für <a> kannst du weglassen und anstelle dessen display: block; schreiben damit height: 22px; für das Inlineelement (<a>) trotzdem wirken.
Wenn du clear richtig einsetzt, kannst du auf die Höhenangabe von #navi auch verzichten.
 
Werbung:
Hi, sorry wegen doppelpost,
aber ich verstehe nicht ganz was du meinst, ich sol für <li> floaten, könntest du mir das im COde zeigen ?
wäre dir sehr dankbar,.. habe jetzt auch noch clear:both; eingebaut, nützt aber auch nichts.
Bitte um Hilfe...

Mfg lukiB
 
#navi li gefloatet. Float für #navi a habe ich entfernt.
Code:
#navi li { 
   list-style: none;
   float: left;
   margin:0px;
   padding-left:0px;
}


#navi li a:link , #navi li  a:visited {
  display:block;
  height:21px;
  border-left:0px black solid;
  border-right:0px black solid;
  margin-left:20px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:3px;
  padding-right:3px;
  font-family: arial , sans serif;
  font-size: 13px;
  font-weight:bold;
  color:black;
  background-image: url(images/bgli.png);
  text-decoration:none;
}
Das <br class="clear"> sollte vor dem schließen von <div id="navi"> stehen:
Code:
        <div id="navi">
          <ul>

           <li><a href="home.htm">Start</a></li>
           <li><a href="home.htm">Arbeit</a></li>
           <li><a href="home.htm">Kontakt</a></li>
           <li><a href="home.htm">Impressum</a></li>
       
          </ul>
  <br class="clear">
        </div>
Es gibt noch schönere Möglichkeiten aber das ist, denke ich, die Einfachste.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben