HTML Fehler.

cRISTAL · 14 Januar 2012

Hallo,
ich bin dabei eine simple Homepage zu erstellen.
Allerdings ist ein Fehler aufgetreten, doch ich finde ihn nicht.
man kann den Content bereich anklicken. Und kommt dann zum letzten Menü-Punkt.

index.html:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type"text/css" href="style.css"/>
<title>SCS - HOME</title>
</head>
<body>
<div id="header">
<img src="Bilder/header.png"/>
</div>
<div id="menu_bg">
<div id="menu">
<a href="index.html"/><div class="menu_button"><p>HOME</p></div>
<a href="about.html"/><div class="menu_button"><p>ABOUT</p></div>
<a href="projekte.html"/><div class="menu_button"><p>PROJEKTE</p></div>
<a href="treffen.html"/><div class="menu_button"><p>TREFFEN</p></div>
<a href="beitritt.html"/><div class="menu_button"><p>BEITRITT</p></div>
<a href="login.html"/><div class="menu_button"><p>LOGIN</p></div>
</div>
</div>

</div>
<div id="website">
<div id="infobox">
</div>
</div>

<div id="trennbalken";
</div>

<div id="main">
</div>

<div id="footer">

</div>
</div>
</body>
</html>

style.css
body{
background-color:#2e2e2e;
margin:0px auto;
min-width:960px;
}

#header{
width:100%;
height:284px;
background-color:white;
margin:0px auto;
text-align:center;
}

#menu_bg{
width:100%;
height:63px;
background:url(Bilder/menu_bg.png) repeat-x;
}

#menu{
width:960px;
margin:0px auto;
text-align:center;
}

#menu a{
text-decoration:none;
}
.menu_button{
float:left;
width:160px;
height:63px;
background:url(Bilder/button.png) no-repeat;
background-position:0px 0px;
}

.menu_button p{
font-size:30px;
font-family:Impact;
color:white;
margin:0px;
margin-top:8px;
}

#website{
width:960px;
margin:0px auto;
text-align:center;
}
#infobox{
width:960px;
height:207px;
background-color:white;
margin-top:0px;
}

#infobox h1{
font-size:14px;
font-family:Arial;
font-weight:bold;
color:black;
margin-top

x;
margin-left:10px;

}

#trennbalken{
width:960px;
height:5px;
background-color:#2e2e2e;
clear:both;
text-align:center;
margin:0px auto;
}

#main{
background-color:white;
text-align:center;
margin:0px auto;
width:960px;
height:600px;
margin-top:10px;
}

#main2{
background-color:white;
text-align:center;
margin:0px auto;
width:960px;
height:600px;
margin-top:10px;
}

#footer{
height:50px;
width:100%;
background:url(Bilder/footer.png) repeat-x;

}

#footer h1{
font-family:arial;
font-size:15px;
float:right;
text-decoration:none;
color:white;
margin-right:20px;
margin-top:10px;
}

#main2_text{
margin-top:10px;
clear;
}

.bereich {
position: absolute;
text-align: center;
font-weight: bold;
}

.beschreibung {
color: #FFFFFF;
background-color: #000000;
display: none;
}

LINK:
SCS - HOME

threadi · 14 Januar 2012

Dein HTML-Code ist fehlerhaft. Du öffnest die Links des Menüs, schließt diese aber nie. Dadurch kommt es auch dazu, dass alles verlinkt ist.

Allerdings ist dein Menü schon jetzt völlig falsch aufgebaut. Innerhalb von Links dürfen keine Blockelemente wie <p> und <div> vorkommen. Ein Menü wird außerdem eher als <ul>-Liste ausgezeichnet, bei HTML5 (was Du ja verwendest) kann man es auch mit <nav> umgeben.

struppi · 16 Januar 2012

cRISTAL schrieb:
LINK:
SCS - HOME

Schau einfach mal in den Quelltext. Aber in einem Browser der syntax highlighting hat, dann siehst du eine ganze Reihe von Fehlern, an der fetten/roten Schrift. Aber auch der Validator sollte dir Hilfe sein. [Invalid] Markup Validation of [url]http://ststraelen.st.ohost.de/ - W3C Markup Validator[/url]

HTML Fehler.

cRISTAL

Neues Mitglied

threadi

Moderator

struppi

Guest

Neueste Beiträge