|
Как
делать вертикальные линии
Часто
встречается такая
компоновка:
Линки...
.
.
.
|
Текст,
графика...
.
.
.
...текст...
.
.
.
|
Если хотят
отгородить текст от
ссылок, в большинстве
случаев пользуются
примерно такой
конструкцией:
<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
|
.gif){kind=small}