Практика разработки Web-страниц


Отображаемая ширина столбца отличается от заданной - часть 2


<table width=610 cellpadding=0 cellspacing=0 border=0> <tr> <td width=100><!--Insert something 100 pixels or smaller--></td> <td width=400><!--Insert text here--></td> <td width=110><!--Insert something 110 pixels or smaller--></td> </tr> </table>

С другой стороны, если таблица в большинстве случаев использует ширину столбца тэга <TD>, но иногда столбцы текста могут быть поуже, не устанавливайте атрибут width в тэге <TABLE>.

Наконец, если вы хотите, чтобы таблица всегда занимала все допустимое пространство, установите ее атрибут width в процентах – например, 100%.

  • Если столбцы становятся слишком широкими, когда вы увеличиваете окно (например, вокруг картинок появляется пустое пространство), уменьшите значение атрибута width в тэге <TABLE>.
  • Если одни столбцы становятся слишком узкими при уменьшении окна, а другие растягиваются и занимают их место, нарушая макет страницы, вы можете запретить сжатие ячеек. Если строка содержит одну строку текста или несколько изображений, то вы можете заключить их в тэги <NOBR> и </NOBR>, чтобы не разрешить броузеру переносить содержимое на новую строку. Например, этот HTML не дает изображению оторваться от текста: ячейка всегда будет вмещать два слова.

    <td> <nobr>Sweet Lorraine <img src="arrow.gif"height=16 width=30></nobr> </td>

    Чтобы столбец не уменьшался, включите изображение, ширина которого равна минимальной ширине столбца. Вы можете использовать вкладку – однопиксельное прозрачное изображение GIF. Чтобы создать вкладку, откройте графический редактор (Photoshop или Fireworks), создайте изображение размером 1 на 1 пиксел и экспортируйте его как прозрачный GIF (с минимумом цветов). Чтобы установить минимальную ширину ячейки, вставьте вкладку, используя тэг <IMG>, и установите атрибут height равным 1, а атрибут width равным нужной ширине ячейки.

    <td width=5 height=200 bgcolor=#339966> This is my message and I don’t want it to shrink. <img src="shim.gif"width=350 height=1></td>

    Ячейка не может стать меньше, чем это изображение, так что столбец не окажется меньше определенной ширины.

  • © 2003-2007 INTUIT.ru. Все права защищены.




    Начало  Назад