Форум программистов [Powered by Invision Power Board]

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

Форум программистов > Вёрстка веб-сайтов > Изображения в таблице вплотную.

Автор: devmstr 3.5.2006, 00:07

Как сделать так, чтобы изображения в таблице плотно прилегали друг к другу?
Я делаю так:

Код


<html>
<title>База отдыха "Прибой"</title>

<body  background = "Img/Sand.jpg">
    <table border align = "center" width = "780">
        <Th align = "CENTER" colspan = 3>
            <img src = "Img/PriboyHead.jpg"></img>
        </Th>
        <TR align = "CENTER">
            <TD><img src = "Img/PhotoGallery.jpg"></img></TD>
            <TD><img src = "Img/PhotoGallery.jpg"></img></TD>
            <TD><img src = "Img/PhotoGallery.jpg"></img></TD>
            <TD><img src = "Img/PhotoGallery.jpg"></img></TD>
        </TR>
    </table>
</body>
</html>

Страницу с картинками можно просмотреть тут:
http://nanosoftlab.com/tmp/first.html

Автор: igorold 3.5.2006, 06:22

Ну тогда для начала надо убрать width = "780",
сделать м.б. colspan = 4
и ширина 4-х картинок должна быть меньше первой
попробуй так:

Код


<html>
<title>База отдыха "Прибой"</title>
<body  background = "Img/Sand.jpg">
    <table border=0>
        <Th align = "CENTER" colspan = 4>
            <img src = "Img/PriboyHead.jpg"></img>
        </Th>
        <TR>
            <TD><img src = "Img/PhotoGallery.jpg"></img></TD>
            <TD><img src = "Img/PhotoGallery.jpg"></img></TD>
            <TD><img src = "Img/PhotoGallery.jpg"></img></TD>
            <TD><img src = "Img/PhotoGallery.jpg"></img></TD>
        </TR>
    </table>
</body>
</html>

Автор: devmstr 3.5.2006, 07:57

Спасибо, извините, ошибся.

Автор: devmstr 3.5.2006, 09:09

Еще понадобатся.

Код


cellpadding="0" cellspacing="0"

Автор: devmstr 3.5.2006, 12:35

Проблема все таки осталась.
Я немного поменял страницу. FireFox показывает все замечательно, а вот в IE видна проблема. Картинка не сплошная...

Автор: igorold 3.5.2006, 13:55

У меня в Мозилле нормально показывает, без пробелов ...

Автор: Alone 3.5.2006, 17:31

проблема здесь

Код


<Th align = "CENTER" colspan = 4>
     <img src = "Img/PriboyHead.jpg"></img>
</Th>

перепиши так:

Код


<Th align = "CENTER" colspan = 4><img src = "Img/PriboyHead.jpg"></img></Th>

Автор: devmstr 3.5.2006, 18:59

ЭЭ. Работает.... эЭ, почему??? Разве ему не все равно!???

Автор: igorold 4.5.2006, 06:43

точно, я и забыл - было у меня подобное, только не картинки, а кнопки в клетках таблицы были смещены по-разному и пока не сделал все конструкции
в одну строку - все криво выглядело ....
век живи - век учись ... smile

Автор: Illuminaty 4.5.2006, 07:58

Работает потому, что IE интерпретирует любые символы между тегами как текстовое поле и соответственно отображает пробел между границей контейнера и изображением. Отсюда и проблемы.