Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Ячейки таблицы с изображением


Автор: Zanilee 20.3.2007, 17:37
Картинку надо сверху и снизу подчеркнуть синей линией. В IЕ все отображается нормально, а вотOpera и Firefox делают белое поле вокруг линии. http://www.zanilee.ho.com.ua/photo/screen.gif 
Как с этим бороться?
Код:

Код

<table align="center" cellSpacing="0" cellPadding="0" width="760" border="0" bgcolor="#ffffff">
<tr>
    <td width="5" height="1" background="images/border_left.gif"></td>
    <td><img src="images/1x1blue.gif" width="750" height="1"></td>
    <td width="5" height="1" background="images/border_right.gif"></td>
</tr>
<tr> 
    <td width="5" background="images/border_left.gif"></td>
    <td width="750"><img src="leaves.gif" border="0" ></td>
    <td width="5" background="images/border_right.gif"></td>
</tr>
<tr> 
    <td width="5" height="1" background="images/border_left.gif"></td>
    <td><img src="images/1x1blue.gif" width="750" height="1"></td>
    <td width="5" height="1" background="images/border_right.gif"></td>
</tr>
<tr align="center">
    <td width="5" height="1" background="images/border_left.gif"></td>
    <td> some text :)</td>
    <td width="5" height="1" background="images/border_right.gif"></td>
</tr> 
</table>



Автор: japanes 21.3.2007, 12:27
Код

<style>
img {border:none; margin:0px;}
</style>


для начала так

Автор: SelenIT 21.3.2007, 13:24
Для начала - прекратить кросспостинг, если меня не глючит конечно.

Следующим шагом - читать статью про http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps (преддлагаю, кстати, ее в FAQ вынести - грабли-то более чем популярные)...

Ну и для достижения полной гармонии, полагаю, неплохо бы назначить меня здесь хотя бы комодератором ;)

Автор: japanes 21.3.2007, 13:30
SelenIT, не не глючит. я сначала тут ответил, а потом вторую тему нашел :?

Автор: Zanilee 21.3.2007, 14:10
Прошу прощения за кросспостинг и прошу модераторов удалить одну из тем.

И спасибо за подсказку smile

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