Как делать вертикальные линии
Часто встречается такая компоновка:
Если хотят отгородить текст от ссылок, в большинстве случаев пользуются примерно такой конструкцией:
Линки...
.
.
.
Текст, графика...
.
.
.
...текст...
.
.
.
<img src="1x1.gif" width=1 height=500 align=left>,
при этом высота полоски берется достаточно на шару так, чтобы была не выше всего блока с текстом. Возможно, что автор специально так и задумал, а возможно, что и нет. Чтобы полоска доходила до самого низа, очевидно, можно завести дополнительную ячейку таблицы шириной 1 пиксель и нужным цветом фона и поместить в эту ячейку прозрачный gif 1х1. Здесь все настолько очевидно, что, вероятно, будет полезно только тому, кто знал не все применяемые теги и их атрибуты. Итак, вот исходный текст:
<table>
<td>
Линки
</td>
<table cellpadding=0>
<td bgcolor=black>
<img src="1x1.gif" hspace=0>
</td>
</table>
<td>
Текст.
</td>
</table>
Атрибуты cellpadding указывает на отступ от краев ячейки до ее содержимого
О пользе прозрачного gif'a размером в один пиксель.
Изготовив такую картинку или, ее можно использовать в качестве:1. Отступа между строчками любой высоты. Вписываем что-то типа
<br><img src="1.gif" width=1 height=8><br>
width=0 писать нельзя, потому что в Internet Explorere наступает переполнение, а если ориентироваться только на Netscape, то эквивалентом будет
<br><spacer width=0 height=8><br>
Кроме того, что можно задавать любой размер, у такого способа есть еще одно приемущество -- можно использовать там, где <br> не срабатывает, например в конце ячеек таблицы.
2. Красной строки (задав соответствующим образом размеры, конечно).
3. Забивателя пустых ячеек в таблице. Пустые ячейки рисуются целиком выпуклыми. Если Вы, например, задали фон ячейки и сильно рассчитываете на этот элемент оформления, вставьте туда 1.gif.
Как задавать размеры и, кстати, чего можно самому.
Если написать <td width=100>, то браузер (у Netscape Navigatora к этому особо творческий подход) воспримет это не больше, чем как пожелание. Между тем достаточно четко соблюдаются указания ширины всей таблицы (<table width=100>) и накогда не меняются размеры картинок. Используйте transparent gif из предыдущего рецепта. Вместо <td width=100> ... </td> следует сделать так:<td>
<table width=100>
<td>
.
.
.
</td>
</table>
</td>
или так:
<td>
<img src="1.gif" width=100><br>
</td>
Второе надежнее.
Страница со сколько-нибудь сложной разметкой обычно нормально смотрится в некотором диапазоне размеров окна браузера. Чтобы при масштабировании окна страничка оставалось неизменной, весь HTML-документ (от <body> и до </body>) следует поместить в таблицу:
<body>
<table width=700>
<td>
.
.
.
</td>
</table>
</body>
Если Вы задумали примерно такую табличку:
|
Текст... |
|
и, например, Вам нужно, чтобы картинки были по краям. Задаем ширину ячеек с картинками 1%, или ширину ячейки с текстом 100%, или и то, и другое.
Автор: Ivan
Boiko, 1997
boiko@usa.net
