HTML стандарты, таблица рвёт картинку. (Что я делаю не так?)

magesor · Сообщение **magesor** » 03.10.2005 14:14

Понимаю, что "немного" не тот форум, но всё же.
Просто мне думается, что здесь многие прекрасно владеют предметом, да и ваще...

Проблема в следующем, вот внизу табличка, в ней картинка надвое порезанная (image-*.gif).

Мозиллы-Оперы-Конгероры показывают нормально (свежие версии, других пока нема), а вот с пятым ишаком (Internet Explorer v.5

) проблемы: под каждой из картинок появляется пространство.
Таким образом большая картинка выглядит "разорванной", "уголки" не выглядят таковыми - "ползут" собаки.

Так что же я делаю не так?
Да, tlg.gif и подобные - это "уголки", типа скруглённые углы у таблицы.

Код: Выделить всё

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head><title>test</title>
  <style type="text/css" media="screen">
   <!--
    .headerSPAN{font-family:courier,courier new,arial;color:#ffffff;vertical-align:bottom;font-weight:bold;font-size:18px;letter-spacing:-1px}
    .infoSPAN{font-size:12px; font-weight:bold}
    .dictTD{font-size:10px;line-height:10px}
    .noteP{letter-spacing: 0px; font-size: 9px; line-height: 9px;color:#999999}
   -->
  </style>
 </head>
 <body>
  <table border="0" cellpadding="0" cellspacing="0" width="619px">
   <tr>
    <td style="font-size:1px">
     <img width="13px" height="23px" src="img/etc/pixel.gif" />
    </td>
    <td>
     <span class="headerSPAN">HEADER</span>
    </td>
    <td colspan="2" align="right">
     <span class="infoSPAN">"Some text goes here..."</span>
    </td>
    <td width="180px" height="23px" align="left" valign="bottom">
     <img width="180px" height="23px" src="img/picture-top.gif" />
    </td>
    <td style="font-size:1px">
     <img width="13px" height="23px" src="img/etc/pixel.gif" />
    </td>
   </tr>
   <tr>
    <td width="13px" height="13px" align="left" valign="top">
     <img width="13px" height="13px" src="img/etc/tlg.gif" />
    </td>
    <td colspan="3" class="dictTD">
     <p class="noteP"> &bull; It's a note</p>
    </td>
    <td rowspan="3" width="180px" height="132px" align="left" valign="top">
     <img width="180px" height="132px" src="img/picture-rest.gif" />
    </td>
    <td width="13px" height="13px" align="right" valign="top">
     <img width="13px" height="13px" src="img/etc/trg.gif" />
    </td>
   </tr>
   <tr>
    <td width="13px">
     <img width="13px" height="1px" src="img/etc/pixel.gif" />
    </td>
    <td class="dictTD" align="left" valign="top">
     <p>Here just text goes</p>
    </td>
    <td class="dictTD" align="left" valign="top">
     <p>Some more text</p>
    </td>
    <td class="dictTD" align="left" valign="top">
     <p>Even more text</p>
    </td>
    <td>
     <img width="13px" height="1px" src="img/etc/pixel.gif" />
    </td>
   </tr>
   <tr>
    <td width="13px" height="13px" align="left" valign="bottom">
     <img width="13px" height="13px" src="img/etc/blg.gif" />
    </td>
    <td colspan="3" class="dictTD">
     <img width="1px" height="13px" src="img/etc/pixel.gif" />
    </td>
    <td width="13px" height="13px" align="right" valign="bottom">
     <img width="13px" height="13px" src="img/etc/brg.gif" />
    </td>
   </tr>
  </table>
 </body>
</html>

Спасибо всем заранее - хотя бы за внимание

JaGoTerr · Сообщение **JaGoTerr** » 03.10.2005 14:39

Надо не так:
<td>
<img/>
</td>
А вот так:
<td><img/></td>

gecko-движок эти переносы строки игнорирует, а вот ослиный - нет. Отсюда и пространство. да, пострадает красота html-кода (если его можно назвать кодом), но ничего не поделаешь.

ЗЫ: CSS рулит, таблицы ффтопку.

magesor · Сообщение **magesor** » 03.10.2005 17:33

Всего-то?! Хм..
Спасибо большое, Вы абсолютно правы: теперь работает.
На первый взгляд как-то не совсем логично получается, ведь вроде тег соответствующий есть, да и вообще...неожиданно, это ж гипертекстовая разметка, нафига такие навороты

Текст ведь явно <br>-ком переносится. Хотя может чего недогоняю, надо на w3c поискать.

да, пострадает красота html-кода

Красота - звучит сильно

Вот сегодня надо было в страничку коррективы внести на работе, но кроме как блокнота (ну и ворда конечно) ничего тут нема. Элементарное удобство чтения в таких условиях.

ЗЫ: CSS рулит, таблицы ффтопку.

Почему, интересно?

p.s. Спасибо again!

Сообщение **MadDog** » 03.10.2005 18:00

Я постоянно после тега IMG вставляю <br />, т.е. у меня код выглядит так

Код: Выделить всё

<td><img src="images/pic.gif" width="300" height="100" alt="" /><br /></td>

И нигде ничего не переносится, хоть и громоздко, но работает везде одинаково ещё со времён НетШкафа 4.х

unixforum.org

HTML стандарты, таблица рвёт картинку. (Что я делаю не так?)

HTML стандарты, таблица рвёт картинку.

Re: HTML стандарты, таблица рвёт картинку.

Re: HTML стандарты, таблица рвёт картинку.

Re: HTML стандарты, таблица рвёт картинку.