Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Błędy w ustawieniu strony.
Forum PHP.pl > Forum > Przedszkole
Croos22
Witam.
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:
  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5.  
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  7. <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" />
  8. </head>
  9. <div id="top">
  10. <br>
  11. <div id="NAGLOWEK">
  12. <br><br><br><br><br>
  13. </div>
  14. <ul>
  15. <li><a href="" title="Strona Główna">Strona Główna</a></li>
  16. <li><a href="" title="Strona Główna">Strona Główna</a></li>
  17. <li><a href="" title="Strona Główna">Strona Główna</a></li>
  18. <li><a href="" title="Strona Główna">Strona Główna</a></li>
  19. <li><a href="" title="Strona Główna">Strona Główna</a></li>
  20. </ul>
  21. <div id="TRESC">
  22. <p>Tre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć strony<p>
  23. <p>Tre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć stronyTre?ć strony<p>
  24. </div>
  25. <div id="STOPKA">Copyright ? ...</div>
  26. </div>
  27. </div>
  28. </body>
  29. </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;
}
pedro84
<br> zastąp marginesami.

Identyfikatory, klasy pisz mała literą, grupuj selektory.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.