Привет всем.
У меня сейчас первый опыт в верстке .
Дан макет , я его нарезаю слайсером , далее 'Save to web' , везде gif и save .
Слайсером разделил так как надо , но почему то опять в третий раз у меня в конце кода
нарезанной страницы появляются дофига spacer.gif'ов высотой 1px , причём если их убрать ,
то страница разьезжается по ширине в разные стороны ..
Что это за бред ?
Вот код :
Как видите куча разделитей , это изза того что у меня руки кривые или что ?
Также Не подскажете где можно достать туториал по тому как правильно делать нарезку макетов , заранее спасибо
У меня сейчас первый опыт в верстке .
Дан макет , я его нарезаю слайсером , далее 'Save to web' , везде gif и save .
Слайсером разделил так как надо , но почему то опять в третий раз у меня в конце кода
нарезанной страницы появляются дофига spacer.gif'ов высотой 1px , причём если их убрать ,
то страница разьезжается по ширине в разные стороны ..
Что это за бред ?
Вот код :
Код:
<html>
<head>
<title>Ice_23</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Ice_23.psd) -->
<table id="Table_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img src="images/Ice_23_01.gif" width="249" height="141" alt=""></td>
<td colspan="5">
<img src="images/Ice_23_02.gif" width="248" height="141" alt=""></td>
<td colspan="5">
<img src="images/Ice_23_03.gif" width="249" height="141" alt=""></td>
<td colspan="4">
<img src="images/Ice_23_04.gif" width="278" height="141" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="141" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/Ice_23_05.gif" width="249" height="52" alt=""></td>
<td colspan="5">
<img src="images/Ice_23_06.gif" width="248" height="52" alt=""></td>
<td colspan="5">
<img src="images/Ice_23_07.gif" width="249" height="52" alt=""></td>
<td colspan="4">
<img src="images/Ice_23_08.gif" width="278" height="52" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/Ice_23_09.gif" width="140" height="51" alt=""></td>
<td colspan="6" rowspan="2">
<img src="images/Ice_23_10.gif" width="222" height="49" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/Ice_23_11.gif" width="165" height="49" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/Ice_23_12.gif" width="175" height="49" alt=""></td>
<td colspan="5">
<img src="images/Ice_23_13.gif" width="163" height="48" alt=""></td>
<td rowspan="2">
<img src="images/Ice_23_14.gif" width="159" height="49" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/Ice_23_15.gif" width="163" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="images/Ice_23_16.gif" width="222" height="16" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/Ice_23_17.gif" width="165" height="16" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/Ice_23_18.gif" width="178" height="16" alt=""></td>
<td colspan="4" rowspan="2">
<img src="images/Ice_23_19.gif" width="160" height="16" alt=""></td>
<td rowspan="2">
<img src="images/Ice_23_20.gif" width="159" height="16" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Ice_23_21.gif" width="140" height="14" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Ice_23_22.gif" width="224" height="434" alt=""></td>
<td colspan="2">
<img src="images/Ice_23_23.gif" width="74" height="434" alt=""></td>
<td colspan="9">
<img src="images/Ice_23_24.gif" width="448" height="434" alt=""></td>
<td>
<img src="images/Ice_23_25.gif" width="69" height="434" alt=""></td>
<td colspan="3">
<img src="images/Ice_23_26.gif" width="209" height="434" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="434" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Ice_23_27.gif" width="167" height="55" alt=""></td>
<td colspan="4">
<img src="images/Ice_23_28.gif" width="141" height="55" alt=""></td>
<td colspan="2">
<img src="images/Ice_23_29.gif" width="159" height="55" alt=""></td>
<td colspan="3">
<img src="images/Ice_23_30.gif" width="192" height="55" alt=""></td>
<td colspan="5">
<img src="images/Ice_23_31.gif" width="177" height="55" alt=""></td>
<td colspan="2">
<img src="images/Ice_23_32.gif" width="188" height="55" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="55" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/Ice_23_33.gif" width="467" height="21" alt=""></td>
<td colspan="10">
<img src="images/Ice_23_34.gif" width="557" height="21" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td>
<img src="images/разделитель.gif" width="140" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="27" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="57" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="49" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="54" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="105" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="132" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="43" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="41" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="69" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="21" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="29" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="159" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>Как видите куча разделитей , это изза того что у меня руки кривые или что ?
Также Не подскажете где можно достать туториал по тому как правильно делать нарезку макетов , заранее спасибо