Округление углов таблицы в WEB-страницах.

[Chervones]

Округление углов таблицы в WEB-страницах.

Как округлить углы таблицы в WEB-страницах? Используя CSS и другие технологии. Нужно примерно как в картинке.

 

[WOLF007]

яндекс вам в помощь.

 

[AlexZir]

Скругленные края можно реализовать несколькими способами, например, 1) вставив в углы таблицы соответствующие рисунки, 2) оформив в виде таблицы текстовые блоки при помощи CSS, 3) реализовав сдвиг строк и изменение их длины, 4) наложив поверх таблицы прозрачный слой со скругленным прямоугольником, 5) написав скрипт, рисующий таблицу требуемой формы и т.д.
Самая простая реализация процитирована ниже, это способ №1.

Код на HTML, найден на просторах тырнета за пару минут

<table width="100%">
<tr><td width="5"><img src="картинка левый верхний угол" width="5" height="5" border="0"></td>
[/FONT]<td background="картинка верхняя линия" valign="top"></td>
<td width="5"><img src="картинка правый верхний угол" width="5" height="5" border="0"></td></tr>
<tr>
<td background="картинка левая вертикальная линия"></td>
<td valign="top">Содержимое таблицы</td>
<td background="картинка правая вертикальная линия"></td></tr>
<tr>
<td width="5"><img src="картинка левый нижний угол" width="5" height="5" border="0"></td>
<td background="картинка нижняя линия" valign="top"></td>
<td width="5"><img src="картинка правый нижний угол" width="5" height="5" border="0"></td>
</tr>
</table>

Код на CSS по сути является стилем оформления текстового блока, есть разные способы оформления блоков, от простого до фигурного. Более подробно - по ссылке: Делаем рамки и закругленные углы с помощью html и css.

 

[kreol]

2) оформив в виде таблицы текстовые блоки при помощи CSS

есть только одна проблема придется использовать ccs3 а многие атрибуты в разных браузерах разные п.с. более старые браузеры вообще не увидят.

 

[Black_Parrot]

Я делаю вместо угла - ячейку,.. и туда картинку ставлю с закруглённым углом...(Номер 1, как я понял)

Самый, наверное, правильный способ...

 

[AlexZir]

kreol
А кто вас заставляет использовать именно CSS3? Насколько мне известно, только в CSS3 для рисования скругленных таблиц есть специальные команды. Никто не мешает вам указать серверу используемую на странице версию CSS