Chciałem zapytać jak mogę uczynić aby wyeliminować z kodu html znaczniki "<br>" a zastąpić to w css.Prosił bym o wykrycie też innych błędów.Z góry dziękuje.
A oto kody:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <div id="top"> <br> <div id="NAGLOWEK"> </div> <ul> </ul> <div id="TRESC"> </div> </div> </div> </body> </html>
CSS:
Kod
html, body {
background-image:url(09.jpg);
background-repeat:repeat;
color: white;
margin: 0;
padding: 0;
}
#top {
width: 698px;
margin: 0 auto;
}
#NAGLOWEK {
background-image:url(logo.png);
background-repeat:no-repeat;
}
#TRESC {
text-align:center;
width: 694px;
overflow: hidden;
background-image:url(tlo_teks.jpg);
background-repeat:repeat;
border:2px solid black;
}
#STOPKA {
clear: both;
width: 100%;
text-align:center;
color: black;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
float: left;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 1px solid #000;
}
ul li {
float: left;
}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}
ul a:hover {
background-color: #800;
}
background-image:url(09.jpg);
background-repeat:repeat;
color: white;
margin: 0;
padding: 0;
}
#top {
width: 698px;
margin: 0 auto;
}
#NAGLOWEK {
background-image:url(logo.png);
background-repeat:no-repeat;
}
#TRESC {
text-align:center;
width: 694px;
overflow: hidden;
background-image:url(tlo_teks.jpg);
background-repeat:repeat;
border:2px solid black;
}
#STOPKA {
clear: both;
width: 100%;
text-align:center;
color: black;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
float: left;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 1px solid #000;
}
ul li {
float: left;
}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}
ul a:hover {
background-color: #800;
}