Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Подписаться
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • HTML

Тонкие рамки наносят ответный удар

  • 30.11.2001
Total
0
Shares
0
0
0
0
0
0

Автор статьи: Головин Андрей

Опупея с тонкими рамками вокруг таблиц нашла неожиданное продолжение. После выхода первых двух (1, 2) опытов, >Егор Первунинский прислал мне пример таблицы с тонкими границами между ячейками, который не использует однопиксельных гифов.

?Иногда излишняя изворотливость мешает правильной реализации. Современные веб-мастера настолько запуганы отличиями в реализации html в разных браузерах, что пытаются перестраховаться и не задумываются о том, что это может работать и так. ваш покорный слуга оказался в аналогичной ситуации, разведя поучения по поводу тонких рамок, а решение-то вот оно — на поверхности лежит:

Опля Опля
тонкие таблицы


Код:

<TABLE border=0 cellPadding=0 cellSpacing=0 valign=top align=center>
<TR>
<TD align=center valign=top bgColor=#000000>
<TABLE border=0 cellPadding=0 cellSpacing=1 width=300 VALIGN=TOP>
<TR ALIGN=LEFT VALIGN=TOP>
<TD ALIGN=LEFT bgColor=#e7e7e7 VALIGN=TOP>
Опля
</TD>
<TD ALIGN=LEFT bgColor=#e7e7e7 VALIGN=TOP>
Опля
</TD>
</TR>
<TR ALIGN=LEFT VALIGN=TOP>
<TD ALIGN=LEFT bgColor=#e7e7e7 VALIGN=TOP>
тонкие
</TD>
<TD ALIGN=LEFT bgColor=#e7e7e7 VALIGN=TOP>
таблицы
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

Все просто и элементарно. Как всегда, одна таблица вложена в другую с промежутком в один пиксель. Цвет фона внешней таблицы определяет цвет границы, а величина отступа — ширину рамки. Необходимо заметить, что строго обязательно надо указывать атрибут BORDER=0, иначе в Навигаторе все «поплывет».

Спасибо, Егор!

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

Total
0
Shares
Телеграфировать 0
Поделиться 0
Репост 0
Твитнуть 0
alexvolkov

Предыдущий материал
  • CSS

Создание “буквиц”

  • 30.11.2001
  • alexvolkov
Read More
Следующий материал
  • HTML

Таблицы. Основы

  • 30.11.2001
  • alexvolkov
Read More
Вас также может заинтересовать
Read More
  • HTML

Оптимизация. Важность тега TITLE

  • Алексей Волков
  • 30.11.2009
Read More
  • HTML

Советы начинающему верстальщику HTML

  • Алексей Волков
  • 25.11.2009
Read More
  • HTML

HTML – Долой тег hr из html разметки

  • Алексей Волков
  • 14.11.2009
Read More
  • HTML

“Резиновая” рамка с фигурными углами

  • alexvolkov
  • 27.07.2005
Read More
  • HTML

Создай свою Web-страницу за пять минут!

  • Алексей Волков
  • 31.03.2005
Read More
  • HTML

Блокнотик с подсветкой

  • Алексей Волков
  • 31.03.2005
Read More
  • HTML

HTML-редактор? Вот и редактируй!

  • Алексей Волков
  • 21.08.2003
Read More
  • HTML

Выбираем HTML-редактор

  • Алексей Волков
  • 14.08.2003

Добавить комментарий

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Рассылка как продукт
    • 24.07.20
  • Google назвал лучшие приложения App Store за 2018 год
    • 14.12.18
  • Онлайн-конференция интернет-магазин от “А до Я” CyberE-com 2018
    • 25.05.18
  • Бесплатная онлайн-конференция по управлению репутацией
    • 04.12.17
  • Открыта регистрация на CyberMarketing-2017
    • 19.10.17
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter