Problem mit Navigation und Links

cb01 · #1 (**permalink**) 28.07.2006, 20:45

Hi,
ich unternehme gerade die ersten Versuche eine Homepage mit XHTML und CSS zu erstellen, das klappt soweit auch schon recht gut, aber ich habe da leider zwei kleine Probleme.

Das erste Problem besteht darin, das ich beim Validieren immer fehlermeldungen kriege, das das mit den Links so nicht funktioniert.

Hier mal der Code der Seite

HTML:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Meine Homepage</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrap">
<div id="header">
<!<--logo -->
</div>
<div id="navigation">
<div id="navigation2">
<li><a href="home.htm">Home</a></li>
<li><a href="me.htm">About me</a></li>
<li><a href="hobby.htm">Hobbys</a></li>
<li><a href="gästebuch.htm">Gästebuch</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
</div>
</div>
<div id="content">
<--Inhalt-->
</div>
</div>
</body>

CSS

Code:

body {
  font-size: 85%;
  font-family: 'Times New Roman', Verdana, Arial, Sans-Serif;
  text-align: center;
  background-color: #3366FF;
}

#wrap {
  width:800px;
  margin: 0 auto;
  text-align: left;
  
}

#header {
  float: left;
  width: 800px;
  height: 145px;
  text-align: right;
  border-top: 4px solid #E6C690;
  border-right: 4px solid #E6C690;
  border-left: 4px solid #E6C690;
  
}

#navigation2 li {
  float: left;
}

#navigation2 a {
  float: left;
  display: block;
  margin: 3px;
  padding: 10px;
  color: #333;
  border: 1px solid #93A2AA;
  text-decoration: none;
  background: #fff url("navi.png") no-repeat top left;
}
#navigation {
  float: left;
  width: 800px;
  height: 42px;
  border-bottom: 0px solid #E6C690;
  border-top: 0px solid #E6C690;
  border-right: 4px solid #E6C690;
  border-left: 4px solid #E6C690;
  
}

#content {
  float: left;
  height: 800px;
  width: 800px;
  border-right: 4px solid #E6C690;
  border-left: 4px solid #E6C690;
  border-bottom: 4px solid #E6C690;
  background: #FFDCA0; 
}


h1, h2, h3, h4, h5, h6 {
margin: 20px;  
}

p {
  margin: 15px 20px;
}

Leider habe ich das Problem selbst nicht gelöst gekriegt, ich würde mich sehr freuen, wenn einer von euch einen Tipp hätte.

Das zweite Problem besteht darin, das ich über meiner Navigationsleiste immer so unschöne schwarze punkte habe, wo ich leider auch nicht weiß, wie ich diese beseitige.

Ich würde mich sehr freuen, wenn mir jemand helfen würde...

Gruß

Chris

kadees · #2 (**permalink**) 28.07.2006, 21:07

zu 1:

Code:

<div id="navigation">
<ul id="navigation2">
<li><a href="home.htm">Home</a></li>
<li><a href="me.htm">About me</a></li>
<li><a href="hobby.htm">Hobbys</a></li>
<li><a href="gästebuch.htm">Gästebuch</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
</ul>
</div>

zu2:

Code:

ul, li {list-style: none;}

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit Navigation zentrieren	garfield1711	CSS	1	12.06.2011 09:12
problem mit links im firefox	steve-x	CSS	7	05.01.2009 21:07
Problem mit Line-Height auf dem IE lte 6	actionjackson	CSS	2	20.11.2007 10:17
CSS Navigation - Problem mit IE6	pcklinik	CSS	4	18.09.2007 12:04
container links rechts problem	sn4ke	CSS	3	16.11.2005 09:19