--> Archiwum Forum
Erdi [ Konsul ]
Gdzie jest błąd?-Html-Design
Nie dawno zrobiłęm swojego peirwszego laya w photoshopie.Wceśniej zrozumiałem HTML-poczytałem sobie sporo.Wgrałem laya na FTP ,kod HTML poddałem paroma modyfykacjami-radzili tak na paru forum,Wchodzę na stronę i widzę parę błędów.Chodzi mi o ten na górze strony "x" i dwa prostokąty na layu(białe).Źle przeciołem laya w image ready?Czy błąd w HTML?
Strona-błędy -
Html:
<html>
<head>
<title>Eurobarre.Zarabiaj przez internet!</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table align="center" id="Table_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="15"BACKGROUND=images/index_01.gif width="99" height="600" alt=""></td>
<td colspan="13"BACKGROUND=images/index_02.gif width="603" height="74" alt=""></td>
<td rowspan="15"BACKGROUND=images/index_03.gif width="98" height="600" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="74" alt=""></td>
</tr>
<tr>
<td rowspan="13"BACKGROUND=images/index_04.gif width="1" height="478" alt=""></td>
<td colspan="7"BACKGROUND=images/index_05.gif width="263" height="64" alt=""></td>
<td colspan="5" rowspan="2"BACKGROUND=images/index_06.gif width="339" height="76" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="64" alt=""></td>
</tr>
<tr>
<td colspan="7"BACKGROUND=images/index_07.gif width="263" height="12" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td rowspan="11"BACKGROUND=images/index_08.gif width="14" height="402" alt=""></td>
<td colspan="5"BACKGROUND=images/index_09.gif width="107" height="35" alt=""></td>
<td colspan="2" rowspan="11"BACKGROUND=images/index_10.gif width="354" height="402" alt=""></td>
<td colspan="3"BACKGROUND=images/index_11.gif width="105" height="35" alt=""></td>
<img src=td rowspan="11"BACKGROUND=images/index_12.gif width="22" height="402" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="35" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_13.gif" width="10" height="40" alt=""></td>
<td colspan="2"BACKGROUND=images/index_14.gif width="87" height="40" alt=""></td>
<td colspan="2"BACKGROUND=images/index_15.gif width="10" height="40" alt=""></td>
<td rowspan="10"BACKGROUND=images/index_16.gif width="7" height="367" alt=""></td>
<td rowspan="3"BACKGROUND=images/index_17.gif width="91" height="106" alt=""></td>
<td rowspan="10"BACKGROUND=images/index_18.gif width="7" height="367" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td colspan="5"BACKGROUND=images/index_19.gif width="107" height="30" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<
<td rowspan="2"BACKGROUND=images/index_20.gif width="10" height="72" alt=""></td>
<td colspan="2" rowspan="2"BACKGROUND=images/index_21.gif width="87" height="72" alt=""></td>
<td colspan="2" rowspan="2"BACKGROUND=images/index_22.gif width="10" height="72" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td rowspan="7"BACKGROUND=images/index_23.gif width="91" height="261" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td colspan="5"BACKGROUND=images/index_24.gif width="107" height="32" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_25.gif" width="10" height="39" alt=""></td>
<td colspan="2"BACKGROUND=images/index_26.gif width="87" height="39" alt=""></td>
<td colspan="2"BACKGROUND=images/index_27.gif width="10" height="39" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="39" alt=""></td>
</tr>
<tr>
<td colspan="5"BACKGROUND=images/index_28.gif width="107" height="33" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td rowspan="3"BACKGROUND=images/index_29.gif width="10" height="121" alt=""></td>
<td colspan="2"BACKGROUND=images/index_30.gif width="87" height="48" alt=""></td>
<itd colspan="2"BACKGROUND=images/index_31.gif width="10" height="48" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td rowspan="2"BACKGROUND=images/index_32.gif width="83" height="73" alt=""></td>
<td colspan="2"BACKGROUND=images/index_33.gif width="8" height="1" alt=""></td>
<td rowspan="2"BACKGROUND=images/index_34.gif width="6" height="73" alt=""></td>
<td>
<img src="images/spacer.gif width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2"BACKGROUND=images/index_35.gif width="8" height="72" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="72" alt=""></td>
</tr>
<tr>
<td colspan="13"BACKGROUND=images/index_36.gif width="603" height="48" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="99" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="83" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="142" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="212" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="91" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="98" height="1" alt=""></td>
<td></td>
</tr>
</table>
</body>
</html>
To jest moje pierwsze wykonanie.Jest błą przy wycinaniu laya czy w HTML?Jeszcze jedno pytnako lepiej postawić stronke na prv.pl czy freehost.pl?Chodzi o te bezpłątneProszę o wyrozumiałość i z góry dziękuję.
slowik [ NightInGale ]
blad w strukturze tabeli niektore elemnety wyladowaly tam gdzie nei powinny
pozatym paskudny kod image ready nie jest czyms dobrym do tego spraw ...
donzoolo [ Senator ]
<itd colspan="2"BACKGROUND=images/index_31.gif width="10" height="48" alt=""></td>
to 1 z bledow
<img src=td rowspan="11"BACKGROUND=images/index_12.gif width="22" height="402" alt=""></td>
a to co za dziwadlo:D ?
Soulcatcher [ Admin ]
<html>
<head>
<title>Eurobarre.Zarabiaj przez internet!</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table align="center" id="Table_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="15" BACKGROUND=images/index_01.gif width="99" height="600" alt=""></td>
<td colspan="13" BACKGROUND=images/index_02.gif width="603" height="74" alt=""></td>
<td rowspan="15" BACKGROUND=images/index_03.gif width="98" height="600" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="74" alt=""></td>
</tr>
<tr>
<td rowspan="13" BACKGROUND=images/index_04.gif width="1" height="478" alt=""></td>
<td colspan="7" BACKGROUND=images/index_05.gif width="263" height="64" alt=""></td>
<td colspan="5" rowspan="2" BACKGROUND=images/index_06.gif width="339" height="76" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="64" alt=""></td>
</tr>
<tr>
<td colspan="7" BACKGROUND=images/index_07.gif width="263" height="12" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td rowspan="11" BACKGROUND=images/index_08.gif width="14" height="402" alt=""></td>
<td colspan="5" BACKGROUND=images/index_09.gif width="107" height="35" alt=""></td>
<td colspan="2" rowspan="11" BACKGROUND=images/index_10.gif width="354" height="402" alt=""></td>
<td colspan="3" BACKGROUND=images/index_11.gif width="105" height="35" alt=""></td>
<img src=td rowspan="11" BACKGROUND=images/index_12.gif width="22" height="402" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="35" alt=""></td>
</tr>
<tr>
<td><img src="images/index_13.gif" width="10" height="40" alt=""></td>
<td colspan="2"BACKGROUND=images/index_14.gif width="87" height="40" alt=""></td>
<td colspan="2"BACKGROUND=images/index_15.gif width="10" height="40" alt=""></td>
<td rowspan="10"BACKGROUND=images/index_16.gif width="7" height="367" alt=""></td>
<td rowspan="3"BACKGROUND=images/index_17.gif width="91" height="106" alt=""></td>
<td rowspan="10"BACKGROUND=images/index_18.gif width="7" height="367" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td colspan="5" BACKGROUND=images/index_19.gif width="107" height="30" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td rowspan="2" BACKGROUND=images/index_20.gif width="10" height="72" alt=""></td>
<td colspan="2" rowspan="2" BACKGROUND=images/index_21.gif width="87" height="72" alt=""></td>
<td colspan="2" rowspan="2" BACKGROUND=images/index_22.gif width="10" height="72" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td rowspan="7" BACKGROUND=images/index_23.gif width="91" height="261" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td colspan="5" BACKGROUND=images/index_24.gif width="107" height="32" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_25.gif" width="10" height="39" alt=""></td>
<td colspan="2" BACKGROUND=images/index_26.gif width="87" height="39" alt=""></td>
<td colspan="2" BACKGROUND=images/index_27.gif width="10" height="39" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="39" alt=""></td>
</tr>
<tr>
<td colspan="5" BACKGROUND=images/index_28.gif width="107" height="33" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td rowspan="3" BACKGROUND=images/index_29.gif width="10" height="121" alt=""></td>
<td colspan="2" BACKGROUND=images/index_30.gif width="87" height="48" alt=""></td>
<td colspan="2" BACKGROUND=images/index_31.gif width="10" height="48" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td rowspan="2" BACKGROUND=images/index_32.gif width="83" height="73" alt=""></td>
<td colspan="2" BACKGROUND=images/index_33.gif width="8" height="1" alt=""></td>
<td rowspan="2" BACKGROUND=images/index_34.gif width="6" height="73" alt=""></td>
<td>
<img src="images/spacer.gif width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2" BACKGROUND=images/index_35.gif width="8" height="72" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="72" alt=""></td>
</tr>
<tr>
<td colspan="13" BACKGROUND=images/index_36.gif width="603" height="48" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="99" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="83" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="142" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="212" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="91" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td> <img src="images/spacer.gif" width="98" height="1" alt=""></td>
<td></td>
</tr>
</table>
</body>
</html>
zobacz teraz, nie wiem czy będzie działało bo nie mogę sprawdzić
to ogólnie jest zły kod za chwilę napiszę ci jak to się tobi
tadek[5] [ 5 ]
skopiuj kod Soulcatchera, zamien w nim jeszcze:
<img src=td rowspan="11"
na
<td rowspan="11"
i bedzie ok
Soulcatcher [ Admin ]
<div style="background-image:url(./obrazek);width:444;height:444;position:relative">
<!-- obrazek to obrazek, width to szerokosc w pikselach, heiggt to wysokosc w pikselach -->
<div style="top:20;left:20;position:absolute"><a href="link do guzika"><img src="przycisk"></a></div>
<!-- ta linia umieszcza na obrazku przycisk 20 pikseli od góry obrazka, 20 od lewej, obrazek to przycisk, link do którego prowadzi to link do guzika -->
<div style="top:30;left:30;position:absolute"><a href="link do guzika"><img src="przycisk"></a></div>
<!-- kolejny gudzik -->
</div>
<!-- zamkniecie -->
:))) tak się to robi, jak widzisz kod jest banelnie prosty w porównaniu z twoim, to schemat pisany z pamięci mogłem się pomylić, możesz to rozbudować jak chesz, przykłąd takiej strony to https://www.gry-online.pl tam jest 4 warstwy obrazków bo tak ukłądając mozesz nakłądać je na siebie.
Powodzenia :)
slowik [ NightInGale ]
soul===>nie tylko nie position .... wprowadza to jedynie jeden wielki chaos ...
jestem zwolennikiem uzywania padding(margines wewnetrzny) i margin(margines zewnatrzny) wtedy ladnie samo sie uklada ...
co do robienia lay'a na warstwach(div) sprawa prosta ale ciac trzeba recznie image read sie do tego nie nadaje ...
Soulcatcher [ Admin ]
slowik ---> tak jak napisałem strona jest najmniejsza, obrazki najmniejsze, najmniej elementów, kompatybilność z IE, FF i Opera. Obrazki można ukłądać w dowolne konfiguracje.
Samym marginesem i paddingiem nie da się wielu rzeczy ułożyć, inaczej wygląda w FF i IE.
Spróbuj przeanalizuj kod na naszej pierwszej stronie albo to co napisałem tak jest najlepiej.
Erdi [ Konsul ]
Skopiowałem ten kod HTML Soula poprawiłem pare linijek no i sa jeszcze 2 błędy.Ten biały prostokąt i ten "x" .Przeszukałem jeszcze pare razy ten kod ,ale nic nie znalazłem.Coś jeszcze się nie zgadza?:/
Erdi [ Konsul ]
Już naprawiłem zrobiłęm jeden głupi błąd zły kod skopiowałem.Sorka