stworzyłem stronę, ale są w niej jakieś błędy nie mogę ich wyhaczyć, a stroną nie jest taka jaka być powinna
proszę o pomoc, mógłby ktoś poprawić w moich arkuszach błędy ?
oto 1 arkusz html
Kod
<!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" lang="en" xml:lang="en">
<html>
<head>
<title>:: ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link rel="stylesheet" href="style.css" type="text/css" >
</head>
<body>
<center>
<div id="top">
<div id="topek"></div>
<div id="menubar">
<a href="index.html"><img src="img/l2.png" onmouseover="this.src='img/c1.png'" onmouseout="this.src='img/l2.png'" border="0" alt=""></a><a href="about.html"><img src="img/l3.png" onmouseover="this.src='img/c2.png'" onmouseout="this.src='img/l3.png'" border="0" alt=""></a><a href="photo.html"><img src="img/l4.png" onmouseover="this.src='img/c3.png'" onmouseout="this.src='img/l4.png'" border="0" alt=""></a><a href="links.html"><img src="img/l5.png" onmouseover="this.src='img/c4.png'" onmouseout="this.src='img/l5.png'" border="0" alt=""></a><a href="other.html"><img src="img/l6.png" onmouseover="this.src='img/c5.png'" onmouseout="this.src='img/l6.png'" border="0" alt=""></a>
</div>
<div id="me">
<div id="b2"></div>
<div id="b3"></div>
</div>
<div id="last"></div>
<div id="foot"></div>
</div>
</center>
</body>
</html>
a oto 2 arkusz CSS
Kod
html, body {
background-color : #0d1e23;
color : #ffffff;
margin : 0;
padding : 0;
}
#top {
width : 600px;
}
#topek {
background : url(img/top.png);
height : 61px;
margin : 0 auto;
width : 600px;
margin-top : 80px;
}
#b2 {
background : url(img/b2.png);
height : 138px;
width : 310px;
float: left;
}
#b3 {
background : url(img/b3.png);
height : 138px;
width : 246px;
margin-right:500;
}
#foot {
background : url(img/foot.png);
height : 39px;
margin : 0 auto;
width : 1000px;
}
#ste {
background : url(img/b4.png);
height : 138px;
float : right;
width : 70px;
}
#menubar {
width : 600px;
}
#ma {
width : 600px;
}
#last {
background : url(img/last.png);
height : 83px;
margin : 0 auto;
width : 600px;
text-align : left;
}
#foot {
background : url(img/foot.png);
height : 35px;
margin : 0 auto;
width : 600px;
}
a {
color : #ffffff;
text-decoration : none;
font-size : 10px;
}
a:hover {
color : #000000;
text-decoration : underline;
}
a.smallLink {
font-size : 11px;
}
#Margin {
margin-left : 10px;
}
background-color : #0d1e23;
color : #ffffff;
margin : 0;
padding : 0;
}
#top {
width : 600px;
}
#topek {
background : url(img/top.png);
height : 61px;
margin : 0 auto;
width : 600px;
margin-top : 80px;
}
#b2 {
background : url(img/b2.png);
height : 138px;
width : 310px;
float: left;
}
#b3 {
background : url(img/b3.png);
height : 138px;
width : 246px;
margin-right:500;
}
#foot {
background : url(img/foot.png);
height : 39px;
margin : 0 auto;
width : 1000px;
}
#ste {
background : url(img/b4.png);
height : 138px;
float : right;
width : 70px;
}
#menubar {
width : 600px;
}
#ma {
width : 600px;
}
#last {
background : url(img/last.png);
height : 83px;
margin : 0 auto;
width : 600px;
text-align : left;
}
#foot {
background : url(img/foot.png);
height : 35px;
margin : 0 auto;
width : 600px;
}
a {
color : #ffffff;
text-decoration : none;
font-size : 10px;
}
a:hover {
color : #000000;
text-decoration : underline;
}
a.smallLink {
font-size : 11px;
}
#Margin {
margin-left : 10px;
}