]]> ]]>

Уважаемые посетители!
Здесь, я буду писать, статьи-заметки(свои и из инета), показавшиеся, мне интересными. Писать, буду, своими словами и возможно, с использованием неприличной лексики. Приношу извинения тем, кого, это будет коробить..


Как сделать тонкую таблицу

Обычный вид таблицы, оставляет желать лучшего, а вот как сделать рамку таблицы тонкой и аккуратной!?

Вот она, обычная уродина:

       
       
       

Исходный код:
<table width="80%" border="1" align="center">
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>

                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>

                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table>


А вот то, что мы хотим:

       
       
       

Исходный код:
<table width="80%" border="0" align="center"   cellspacing="1" bgcolor="#000000">
              <tr bgcolor="#FFFFFF">
                <td>&nbsp;</td>

                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr bgcolor="#FFFFFF">
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>

              </tr>
              <tr bgcolor="#FFFFFF">
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table>


Тоненькая и аккуратная таблица, не правда ли?:)
Разберем атрибуты:
border="0" - толщина рамки таблицы равна "0"
cellspacing="1" - расстояние между границами соседних ячеек равно "1"
bgcolor="#000000" Черный цвет фона таблицы, для наглядности.

И еще, делаем цвет фона для каждой строки таблицы (табличный элемент <tr>). В данном случае, как цвет фона страницы.

30.05.2008. 09:37

Иван 15.02.2009. 11:25

Очень просто, и без лишних стилей

Написать коментарий

* = обязательное поле

:

:

:


1 + 8 =





обо мне · html · Как сделать тонкую таблицу

Русификация vBulletin

Как известно, Джелсофт запретил, zCarotу выкладывать свои русификаторы.
Ну а мне нет... По ссылкам ниже, качаем русики, для свежих версий vBulletin и говорим за них, спасибо Морковке.
Русификаторы для vBulletin 3.7.3: cp1251 | utf8
Русификаторы для vBulletin 3.6.11: cp1251 | utf8

Последние заметки

Спецсимволы в html(таблица) (html)
Прячем ссылку в форме (html)
Коментарии к коду - что это? (html)
Как сделать тонкую таблицу (html)
Сравнение WYSIWYG-редакторов 2007 (полезнячок)