navi problem

[SerO]

'n abend,
habe 2 mehr oder weniger große probleme mit meiner navi:

1. geplant ist die navigation mit einem strich und die buttons darunter,
wie in der unten stehenden site. das problem ist, dass der "home" button
hoch dargestellt wird, wie kann ich das unterbinden?

2. obwohl im html-code das <div id="navcontainer"> tag
mit dem tag <center> umschlossen ist, wird die navi nicht
mittig dargestellt. lässt sich das durch einen "margin: auto"
(o.ä.) befehl beheben? div align="center" funktioniert
ebenfalls nicht.

hier der css code:

#container { 
  font-size: 0.8em; 
  max-width: 70em; 
  margin: auto; 
  border: 1px solid #aaa; 
  border-top: 0; 
  background: white;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #00394A;
color: #00394A;
float: center;
width: 100%;
font-family: arial, helvetica, sans-serif;
}


#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #00394A;
color: #00394A;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover
{
background-color: #00394A;
color: #00394A;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navlist a { padding: 6px 10px; }

#navlist a:link, #navlist a:visited
{
color: #00394A;
background-color: #080808;
text-decoration: none;
}

#navlist a:hover
{
color: #00394A;
background-color: #00394A;
text-decoration: none;
}

link zu dem problem: #ifc# Clan
... denke das problem sollte erkennbar sein.

bedanke mich schonmal im vorraus ;)




->
das problem mit dem zentrieren habe ich mittlerweile gelöst!
das muss ich jetzt nurnoch in meine navigation einbauen.

 

[Efchen]

Es hat auf jeden Fall was mit dem float im #navcontainer ul li a zu tun. Wieso erst das li als display:inline deklarieren und dann das a im li noch floaten? Das versteh ich nicht. Wenn ich das float rausnehme, siehts besser aus, aber wahrscheinlich noch nicht so, wie Du das willst.

Aber was ganz anderes: Willst Du nicht Deine Grundkenntnisse auffrischen? Du verwendest tatsächlich Frames, mischst CSS und HTML wild durcheinander, anstatt Inhalt und Layout zu trennen, schmeißt divs in den Code wie mit einem Salzstreuer und verwendest Tags, die seit über 10 Jahren auf der Abschussliste stehen. Ach ja und Doctypes kennst Du offensichtlich auch nicht.

Die Basis für ein funktionierendes CSS-Layout ist ein Doctype, ein valider und semantisch sinnvoller HTML-Code und Trennung von Inhalt und Layout. Da solltest Du unbedingt was machen, bevor Du mit dem weiter machst, was Du bisher hast.

UND...Deine Grafik ist leicht zu groß ;-)