Corraggiouno
Mitglied
hallo,
mein html code:
mein css-code:
Warum wird meine Überschrift durchgestrichen und nicht der border darunter gesetzt?
mein html code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JK</title>
<link href="css/jk.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<img src="images/logo.gif">
</div>
<div id="central">
<div id="nav">
<ul>
<li><a href="unternehmen.php"><span>Unternehmen</span></a></li>
<li><a href="leistungen.php"><span>Leistungen</span></a></li>
<li><a href="partner.php"><span>Partner</span></a></li>
<li><a href="stellenangebote"><span>Stellenangebote</span></a></li>
<li><a href="kontaktformular.php"><span>Kontaktformular</span></a></li>
</ul>
</div>
<div id="maintext">
klaöjdsfklja adkljf
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
mein css-code:
Code:
html {
height: 100.3%;
}
body{
font-family: Verdana, sans-serif;
font-size:0.8em;
color: #000000;
}
div#wrapper {
width: 850px;
margin:0 auto;
}
div#header {
background: url(../images/header.gif) no-repeat;
height: 50px;
padding:30px;
}
div#central {
background: url(../images/central.gif) repeat-y;
padding-top:50px;
padding-left: 60px;
}
div#nav {
padding-right: 60px;
float:right;
}
div#nav li {
display: inline;
list-style-type: none;
}
div#nav a {
float:left;
text-decoration: none;
padding-left:1.0em;
margin-left:0.4em;
background: url(../images/tab_normal.gif) no-repeat left top;
}
div#nav a span {
display: block;
padding:0.5em 1.4em 0.3em 0.5em;
background: url(../images/tab_normal.gif) no-repeat right top;
}
div#maintext {
clear:right;
width: 710px;
height: 400px;
border-style:solid;
border-color: #dddddd;
border-width: 2px;
padding: 15px;
line-height:0.4em;
}
div#footer {
background: url(../images/footer.gif) no-repeat;
height:180px;
}
a {color: #fe0101; text-decoration: none;
}
a:link {}
a:visited {}
a:hover {}
a:active {}
h3 {
border-bottom: 2px solid #000000;
}
Warum wird meine Überschrift durchgestrichen und nicht der border darunter gesetzt?