20-04-2011, 01:26
Dzięki wszystkim za odpowiedzi 
Hmm rozumiem. Zbyt dużo grafik nie jest OK, lecz w moim wypadku najpierw projektuje szablon w GIMPie, potem tnę grafiki, a potem w fragmentach układam z nich stronę, więc trudno mi jest je ograniczyć. Mój sposób zobaczycie w niżej podanym kodzie, i odpowiedzcie czy można tak pisać strony? Jeśli nie, to jak je pisać?
HTML:
Oraz CSS:
Pozdrawiam i dziękuje za pomoc
Hmm rozumiem. Zbyt dużo grafik nie jest OK, lecz w moim wypadku najpierw projektuje szablon w GIMPie, potem tnę grafiki, a potem w fragmentach układam z nich stronę, więc trudno mi jest je ograniczyć. Mój sposób zobaczycie w niżej podanym kodzie, i odpowiedzcie czy można tak pisać strony? Jeśli nie, to jak je pisać?
HTML:
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<meta name="Keywords" content="">
<meta name="Description" content="Opis strony">
<title>Nazwa Strony</title>
</head>
<body>
<img class="a1" src="logo1.png"/>
<img class="b1" src="menu.png"/>
<img class="c1" src="telt.png"/>
<img class="kol" src="kolumna.gif"/>
<img class="kol1" src="kolumna.gif"/>
<img class="kol2" src="kolumna.gif"/>
<img class="kol3" src="kolumna.gif"/>
<img class="img1" src="img1.gif"/>
<img class="pr" src="przerwa.gif"/>
<img class="pr2" src="przerwa.gif"/>
<img class="pr3" src="przerwa.gif"/>
<img class="pr4" src="przerwa.gif"/>
<img class="img2" src="img2.jpg"/>
<img class="img3" src="img3.png"/>
<img class="img4" src="img4.jpg"/>
<img class="img5" src="img5.jpg"/>
<a id="a1" href="index.html"><font size="4">Strona Główna</font></a>
<a id="a2" href="uslugi.html"><font size="4">Usługi</font></a>
<a id="a3" href="onas.html"><font size="4">O Nas</font></a>
<a id="a4" href="kontakt.html"><font size="4">Kontakt</font></a>
<img class="st" src="stopka.gif"/>
<img id="asd" src="anim.gif"/>
</body>
</html>Oraz CSS:
Kod:
img.a1 {
position:absolute;
left: 270px;
top: 30px;
z-index: 5;
}
img.b1 {
position:absolute;
left: 278px;
top: 270px;
z-index: 5;
}
#a1 {
position:absolute;
left: 340px;
top: 340px;
z-index: 5;
color: white;
}
#a2 {
position:absolute;
left: 340px;
top: 380px;
z-index: 5;
color: white;
}
#a3 {
position:absolute;
left: 340px;
top: 425px;
z-index: 5;
color: white;
}
#a4 {
position:absolute;
left: 340px;
top: 470px;
z-index: 5;
color: white;
}
a {
text-decoration: none;
}
#a1:link {
color: white;
}
#a1:visited {
color: white;
}
#a1:hover {
color: white;
font-weight: bold;
}
#a2:link {
color: white;
}
#a2:visited {
color: white;
}
#a2:hover {
color: white;
font-weight: bold;
}
#a3:link {
color: white;
}
#a3:visited {
color: white;
}
#a3:hover {
color: white;
font-weight: bold;
}
#a4:link {
color: white;
}
#a4:visited {
color: white;
}
#a4:hover {
color: white;
font-weight: bold;
}
img.c1 {
position:absolute;
left: 300px;
top: 300px;
z-index: 2;
}
img.kol {
position:absolute;
left: 100px;
top: 0px;
z-index: 5;
}
img.kol3 {
position:absolute;
left: 100px;
top: 470px;
z-index: 5;
}
img.kol1 {
position:absolute;
left: 100px;
top: 340px;
z-index: 5;
}
img.kol2 {
position:absolute;
left: 100px;
top: 440px;
z-index: 5;
}
img.img1 {
position:absolute;
left: 0px;
top: 0px;
z-index: 1;
}
img.pr {
position:absolute;
left: 0px;
top: 190px;
z-index: 1;
}
img.img2 {
position:absolute;
left: 0px;
top: 195px;
z-index: 1;
}
img.pr2 {
position:absolute;
left: 0px;
top: 382px;
z-index: 1;
}
img.img3 {
position:absolute;
left: 0px;
top: 393px;
z-index: 1;
}
img.pr3 {
position:absolute;
left: 0px;
top: 578px;
z-index: 1;
}
img.img4 {
position:absolute;
left: 0px;
top: 583px;
z-index: 1;
}
img.pr4 {
position:absolute;
left: 0px;
top: 774px;
z-index: 1;
}
img.img5 {
position:absolute;
left: 0px;
top: 779px;
z-index: 1;
}
img.st {
position:absolute;
left: 300px;
top: 870px;
z-index: 5;
}
#asd {
position:absolute;
left: 810px;
top: 600px;
z-index: 5;
}
#obrazek {
position:absolute;
left: 500px;
top: 340px;
z-index: 5;
}
body {
background-image: url("background.jpg");
background-attachment: scroll;
}Pozdrawiam i dziękuje za pomoc
