Отправляет email-рассылки с помощью сервиса Sendsay

Web - полезные советы по веб-строительству

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "От Винта - Раскрутка сайта. Способы. Сравнительный анализ." на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Сентябрь 2008   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Владимирис

Статистика

8.145 подписчиков
-7 за неделю
←   Все выпуски   →

Web - полезные советы по веб-строительству Создание линий при помощи таблиц.


Компания ИнфоСтарз





Если у Вас есть сайт...

Бесплатный сервис на сайт
Вы можете абсолютно бесплатно разместить форму для загрузки файлов на бесплатный сервер на своем сайте.

Готовые ленты новостей
Вы можете разместить у себя на сайте информеры с последними новостями на самые разные темы.

Партнерская программа Wizards World
Размести ссылку на своем сайте и получай проценты от платежей привлеченных пользователей.


Довольно часто на странице необходимо провести горизонтальную или вертикальную линию. Использование элемента <Hr> не всегда оправданно и не во всех браузерах отображается коректно. К примеру если окрасить <Hr color="red"> - горизонтальную линию, то IE (Internet Explorer) покажет нам красную линию. Браузеры Opera, Netscape и Mozila покажут нам обычную, объемную горизонтальную линию, так если бы мы не окрасили бы ее. Иногда необходимо чтобы на странице присутствовала и вертикальная линия. Специальных элементов для этого в HTML нет (во всяком случае мне они не известны!). В качестве вертикальной линии часто используют изображение. Но это не очень удобно.

Так как быть в случаях, когда необходимо чтобы линии одинаково смотрелись во всех основных браузерах?
 
В этом нам помогут таблицы. Выше в этом тексте Вы можете видеть горизонтальную линию - результат работы HTML кода таблицы.
Ниже показаны несколько таблиц в которых ячейки и строки разделены горизонтальными и вертикальными линиями. Все эти линии создани при помощи таблиц (По материалам сайта http://tvoyweb.ru).

Пример 1.

Фирма

 Телефон Город Директор

"Азия"

 +371 2124548 Ташкент Азимов

"Aysell";

 +1090536 2567412 Istanbul Shenol Ertan

"Буран";

 +095 7777777 Москва Иванов 
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr align="center"> 
            <td width="20%"><p style=" margin-top: 3px;margin-bottom: 3px;">Фирма</p></td>
            <td width="2" bgcolor="#9900FF"></td>
            <td>Телефон</td>
            <td width="20%">Город</td>
            <td>Директор</td>
        </tr>
        <tr> 
             <td colspan="5" height="2" bgcolor="#9900FF"></td>
        </tr>
        <tr align="center"> 
             <td><p style=" margin-top: 3px;margin-bottom: 3px;">"Азия"</p></td>
             <td width="2" rowspan="3" bgcolor="#9900FF"></td>
             <td>+371 2124548</td>
             <td>Ташкент</td>
             <td>Азимов</td>
        </tr>
        <tr align="center">

             <td><p style="margin-top: 3px;margin-bottom: 3px;">"Aysell";</p></td>
             <td>+1090536 2567412</td>
             <td>Istanbul</td>
             <td>Shenol Ertan</td>
        </tr>
        <tr align="center"> 
             <td><p style=" margin-top: 3px;margin-bottom: 3px;">"Буран";</p></td>
             <td>+095 7777777</td>
             <td>Москва</td>
             <td>Иванов</td>
         </tr>
    </table>
    
    
 

Пример 2.

Фирма

 Телефон Город Директор

"Азия"

 +371 2124548 Ташкент Азимов

"Aysell"

 +1090536 2567412 Istanbul Shenol Ertan

"Буран"

 +095 7777777 Москва Иванов

                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="20%"><p style=" margin-top: 3px;margin-bottom: 3px;">Фирма</p></td>
                      <td>Телефон</td>
                      <td width="20%">Город</td>
                      <td>Директор</td>
                    </tr>
                    <tr>
                      <td colspan="4" height="2" bgcolor="#9900FF"></td>
                    </tr>
                    <tr>
                      <td><p style=" margin-top: 3px;margin-bottom: 3px;">"Азия"</p></td>
                      <td>+371 2124548</td>
                      <td>Ташкент</td>
                      <td>Азимов</td>
                    </tr>
                    <tr>
                      <td colspan="4" height="2" bgcolor="#9900FF"></td>
                    </tr>
                    <tr>
                      <td><p style=" margin-top: 3px;margin-bottom: 3px;">"Aysell"</p></td>
                      <td>+1090536 2567412</td>
                      <td>Istanbul</td>
                      <td>Shenol Ertan</td>
                    </tr>
                    <tr>
                      <td colspan="4" height="2" bgcolor="#9900FF"></td>
                    </tr>
                    <tr>
                      <td><p style=" margin-top: 3px;margin-bottom: 3px;">"Буран"</p></td>
                      <td>+095 7777777</td>
                      <td>Москва</td>
                      <td>Иванов</td>
                    </tr>
                    <tr>
                      <td colspan="4" height="2" bgcolor="#9900FF"></td>
                    </tr>
                  </table>

Вам понравилась рассылка?
(голосование возможно только из письма рассылки)
  • понравилась
    		•
  • не понравилась
    		•
  • средне
    		•


    В избранное