Witam,
jakiś czas temu zacząłem się uczyć PHP. Zdążyłem się "przeszkolić" z programowania strukturalnego i miałem właśnie zacząć naukę obiektowego, ale niestety zauważyłem u siebie duże braki w html i css (ostatni raz ich używałem jeszcze za czasów "tabelek"). Tak więc nie zrażony nauką postanowiłem w ramach ćwiczeń znaleźć jakiś prosty szablon, wziąć od niego tylko grafikę i go poskładać. Niestety ze względu na brak mojej wiedzy nie umiem odpowiedzieć na pytanie czy szablon jest dobrze poskładany. Co prawda przeszło walidator, ale wolę jak specjaliści rzucą na to oko. Proszę o wypisanie wszelkich uwag dotyczące poniższego kodu.
TUTAJ MOŻNA LUKNĄĆ NA STRONĘ CLICK!Kod pliku 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"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Description" content="Tu wpisz opis zawartości strony" /> <meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" /> <link rel="stylesheet" type="text/css" href="styl2.css" /> <div id="menu_poziome"><ul> <li><a href="nowy.html">Start
</a></li> <li><a href="nowy.html">Start
</a></li> <li><a href="nowy.html">Start
</a></li> <div id="tresc">Lorem ipsum dolor sit amet, Proins
</div> <li><a href="nowy.html">Start
</a></li> <li><a href="nowy.html">Start
</a></li>
body {
background-color: black;
color: white;
background-image: url(logo_tlo.png);
background-repeat: no-repeat;
}
h2 {
margin: 0 0 0 15px;
}
a:link, a:visited, a:hover {
color: white;
}
#menu_poziome {
background-image: url(jt_tlo.png);
background-repeat: repeat-x;
width: 100%;
height: 35px;
left: 284px;
position: absolute;
top: 0;
}
#menu_lewe {
background-image: url(luk_tlo.png);
background-repeat: no-repeat;
background-position: top right;
width: 200px;
height: 73px;
top: 284px;
left: 0;
position: absolute;
}
#menu_lewe2 {
top: 356px;
left: 0;
width: 144px;
height: 300px;
position: absolute;
border: 3px solid;
border-left-color: black;
border-top: 0px;
border-right-color: #001eff;
border-bottom-color: #001eff;
}
#tresc {
position: absolute;
top: 38px;
left: 290px;
}
#menu_poziome ul {
list-style-type: none;
padding: 5px 0 0 5px;
margin: 0;
}
#menu_poziome ul li {
display: inline;
margin: 3px;
}
#menu_lewe2 ul {
padding: 0;
margin: 0 0 0 10px;
list-style-type: none;
}