Версия для печати темы

Нажмите сюда для просмотра этой темы в оригинальном формате

Форум на все случаи жизни _ WEB дизайн и прикладное программирование _ Вопрос по NVU

Автор: Оксана123 1.03.2011 - 15:03

Я разделила в Photoshop рисунок на одинаковые части. В NVU вставила каждую часть в ячейки. Мне надо, чтобы рисунок при просмотре был цельным, без разрывов. Изображения вставляла 100% от размера ячейки, без рамок. Что нужно прописать в HTML?
Подскажите, кто знает...

Автор: Ann 1.03.2011 - 18:30

Код
<table cellpadding="0" cellspacing="0" border="0"><tr><td><img src="img1.jpg"></td><td><img src="img2.jpg"></td><td><img src="img3.jpg"></td></tr><tr><td><img src="img4.jpg"></td><td><img src="img5.jpg"></td><td><img src="img5.jpg"></td></tr></table>


Покажите код, что у Вас получился. Пока не совсем понятен вопрос.

Автор: Оксана123 3.03.2011 - 14:12

<table
style="width: 400px; height: 500px; text-align: left; margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td
style="height: 166px; width: 200px; text-align: right; vertical-align: bottom;"><a
href="1.html"><img title="Образцы книжек"
style="border: 0px solid ; width: 200px; height: 166px;"
alt="Посмотреть книжки" src="1.png"></a></td>
<td
style="height: 166px; width: 200px; text-align: left;"><img
style="width: 200px; height: 166px;" alt="" src="2.png"></td>
</tr>
<tr>
<td
style="height: 166px; width: 200px; text-align: right;"><a
href="2.html"><img title="Подарите ребёнку радость!"
style="border: 0px solid ; width: 200px; height: 166px;"
alt="Как заказать книжку." src="4.png"></a></td>
<td
style="height: 166px; width: 200px; text-align: left;"><img
title="Оставьте своё мнение."
style="border: 0px solid ; width: 200px; height: 166px;" alt=""
src="5.png"></td>
</tr>
<tr>
<td
style="text-align: right; height: 166px; width: 200px; vertical-align: top;"><img
style="width: 200px; height: 166px;" alt="" src="6.png"></td>
<td
style="height: 166px; width: 200px; text-align: left; vertical-align: top;"><a
href="3.html"><img title="Скачать бесплатно"
style="border: 0px solid ; width: 200px; height: 166px;"
alt="Шаблоны для фотошопа" src="7.png"></a></td>
</tr>
</tbody>
</table>
Мне надо ссылками сделать некоторые части рисунка, но чтобы он оставался цельным. А получается так:
http://energiaok.narod.ru/

Автор: Ann 3.03.2011 - 17:43

Код
<table cellpadding="0" cellspacing="0" border="0" style="width: 400px; text-align: left; margin-left: 0; margin-right: 0;">
<tbody>
<tr>
<td><a href="1.html"><img title="Образцы книжек" style="border: 0px solid; width: 200px; height: 166px;" alt="Посмотреть книжки" src="1.png"></a></td>
<td><img style="width: 200px; height: 166px;" alt="" src="2.png"></td>
</tr>
<tr>
<td><a href="2.html"><img title="Подарите ребёнку радость!"    style="border: 0px solid; width: 200px; height: 166px;" alt="Как заказать книжку." src="4.png"></a></td>
<td><img title="Оставьте своё мнение." style="border: 0px solid; width: 200px; height: 166px;" alt="" src="5.png"></td>
</tr>
<tr>
<td><img style="width: 200px; height: 166px;" alt="" src="6.png"></td>
<td><a href="3.html"><img title="Скачать бесплатно" style="border: 0px solid; width: 200px; height: 166px;" alt="Шаблоны для фотошопа" src="7.png"></a></td>
</tr>
</tbody>
</table>


в пределах ячейки <td></td> не допускайте в коде переноса строки. Т.е. набирайте все подряд только через пробелы.

Автор: Оксана123 3.03.2011 - 18:26

Большое Вам спасибо! Получилось!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)