как делать округлые края таблиц?

chaynik · 11.06.2006, 07:40

Как делать округлые края таблиц?

Благодарю

vision · 11.06.2006, 10:29

C помощью background
Все подробности в yandex

Aleki Solo · 13.06.2006, 04:03

Методом ХТМЛ округлые края не делаються. Для этого в уголки впросто вставляються картинки гифовые или джипеговые с закруглениями. Смотри примеры на сайтах, где видишь округлые края.

chaynik · 15.06.2006, 06:42

Vision, Aleki Solo спасибо. Про метод с картинками на краях таблицы я знал, но я как-то видел на каком-то сайте (не могу вспомнить какой) было сделано не так, в том смысле, что картинка, которая была вставлена была не в форме полукруга, а в форме латинской буквы S. Кто нибудь такое встречал?

Также, почему не работает такой attribute как height:
<table height="100%">

Задача, чтобы таблица автоматически расширялась по высоте, ведь по ширине работает же (width="100%").

graphh · 15.06.2006, 07:55

используй блочную вёрстку и будет тебе счастье http://www.cssplay.co.uk/boxes/krazy.html

kost · 15.06.2006, 11:42

Цитата:

Также, почему не работает такой attribute как height:
<table height="100%">

У таблиц нет атрибута height.

dantistus · 15.06.2006, 14:46

Ну, вообще-то, в quirks mode есть

chaynik · 18.06.2006, 05:19

Цитата:

dantistus:
Ну, вообще-то, в quirks mode есть

а что это за mode?

dantistus · 19.06.2006, 18:43

"Все подробности в Яndex'е" © =)

Quirks mode - это такой режим рендеринга страниц "не по правилам". IE работает в нем, если автор страницы не указал DOCTYPE.

kokos · 28.06.2007, 11:55

Я такой использую...
Все автоматически расширяется.
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=1>
<TBODY>
<TR>
<TD>[img]pix/b1.gif[/img]</TD>
<TD width="100%" background="pix/l1.gif"></TD>
<TD>[img]pix/b2.gif[/img]</TD></TR>
<TR>
<TD background="pix/l4.gif"></TD>
<TD width="100%">

Сюда помещается сам текст
<TD background="pix/l2.gif"></TD></TR>
<TR>
<TD>[img]pix/b4.gif[/img]</TD>
<TD width="100%" background="pix/l3.gif"></TD>
<TD>[img]pix/b3.gif[/img]</TD></TR></TBODY></TABLE>

b1, b2, b3, b4 - соответственно рисунки закруглений
l1, l2, l3, l4 - рисунок рамки

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Свадебный портал Ставропольского края	Panther_xD	Скамейка запасных	10	06.08.2010 02:21
размытые края в png	chainik	Растровая графика	1	07.06.2006 18:31
Размыть края	IgorQ	Технологии Flash	20	17.02.2005 10:08
Как расстворить края картинки?	Veronica	Растровая графика	2	06.06.2004 22:26
Загнутые края	Shumell_Veter	Растровая графика	3	25.08.2003 14:54

11.06.2006, 07:40	#1
chaynik	Как делать округлые края таблиц? Благодарю

11.06.2006, 10:29	#2
vision	C помощью background Все подробности в yandex

13.06.2006, 04:03	#3
Aleki Solo	Методом ХТМЛ округлые края не делаються. Для этого в уголки впросто вставляються картинки гифовые или джипеговые с закруглениями. Смотри примеры на сайтах, где видишь округлые края.

15.06.2006, 06:42	#4
chaynik	Vision, Aleki Solo спасибо. Про метод с картинками на краях таблицы я знал, но я как-то видел на каком-то сайте (не могу вспомнить какой) было сделано не так, в том смысле, что картинка, которая была вставлена была не в форме полукруга, а в форме латинской буквы S. Кто нибудь такое встречал? Также, почему не работает такой attribute как height: <table height="100%"> Задача, чтобы таблица автоматически расширялась по высоте, ведь по ширине работает же (width="100%").

15.06.2006, 07:55	#5
graphh	используй блочную вёрстку и будет тебе счастье http://www.cssplay.co.uk/boxes/krazy.html

15.06.2006, 14:46	#7
dantistus	Ну, вообще-то, в quirks mode есть

19.06.2006, 18:43	#9
dantistus	"Все подробности в Яndex'е" © =) Quirks mode - это такой режим рендеринга страниц "не по правилам". IE работает в нем, если автор страницы не указал DOCTYPE.

28.06.2007, 11:55	#10
kokos	Я такой использую... Все автоматически расширяется. <TABLE cellSpacing=0 cellPadding=0 width="100%" border=1> <TBODY> <TR> <TD>[img]pix/b1.gif[/img]</TD> <TD width="100%" background="pix/l1.gif"></TD> <TD>[img]pix/b2.gif[/img]</TD></TR> <TR> <TD background="pix/l4.gif"></TD> <TD width="100%"> Сюда помещается сам текст <TD background="pix/l2.gif"></TD></TR> <TR> <TD>[img]pix/b4.gif[/img]</TD> <TD width="100%" background="pix/l3.gif"></TD> <TD>[img]pix/b3.gif[/img]</TD></TR></TBODY></TABLE> b1, b2, b3, b4 - соответственно рисунки закруглений l1, l2, l3, l4 - рисунок рамки