Форум dkLab и Denwer
Здесь общаются Web-разработчики.
Генеральный спонсор:
Хостинг «Джино»

Таблицы со скругленными углами (WingedFox, оценка: 4)
Author Message
WingedFox
Профессионал



Joined: 29 Apr 2003
Posts: 4064
Карма: 269
   поощрить/наказать

Location: Питер

PostPosted: Fri Apr 30, 2004 12:12 pm ()
   Post subject: Таблицы со скругленными углами
Reply with quote

Здравствуйте,

Помогите, пожалуйста, с идеями по верстке такой таблицы.
В этом стиле нужно сделать все таблицы сайта, от 1 до N колонок.
У меня уже мозги плавятся 8*(


table.gif
 Description:
Таблица
 Filesize:  15.4 KB
 Viewed:  49329 Time(s)

table.gif


Back to top
View user's profile Send private message
bæv
Модератор «Дзена»



Joined: 27 Aug 2003
Posts: 7275
Карма: 9993
   поощрить/наказать


PostPosted: Fri Apr 30, 2004 12:40 pm (спустя 27 минут)
   Post subject:
Reply with quote

Вот, может, поможет:


finetable-2003-03-22.zip
 Description:
finetable.php is a PHP3/4 - script including all elements needed to build a table with rounded corners within itself. Two image files can be generated automatically, if there is write permission on your site.
If not, download the rescue pack which contai

Download
 Filename:  finetable-2003-03-22.zip
 Filesize:  10.6 KB
 Downloaded:  1058 Time(s)

Back to top
View user's profile Send private message
bæv
Модератор «Дзена»



Joined: 27 Aug 2003
Posts: 7275
Карма: 9993
   поощрить/наказать


PostPosted: Fri Apr 30, 2004 12:51 pm (спустя 11 минут)
   Post subject:
Reply with quote

Описание не умещается, там в конце должно быть:
Quote:
If not, download the rescue pack which contains the transparent gif and the corner producing php script.
The rescue pack:


ft_rescue.zip
 Description:

Download
 Filename:  ft_rescue.zip
 Filesize:  580 Bytes
 Downloaded:  999 Time(s)

Back to top
View user's profile Send private message
Ant
Сотрудник «Лаборатории»



Joined: 17 Jun 2003
Posts: 6837
Карма: 131
   поощрить/наказать


PostPosted: Fri Apr 30, 2004 1:28 pm (спустя 37 минут)
   Post subject:
Reply with quote

Красивый дизайн! (-:
Back to top
View user's profile Send private message Send e-mail
WingedFox
Профессионал



Joined: 29 Apr 2003
Posts: 4064
Карма: 269
   поощрить/наказать

Location: Питер

PostPosted: Fri Apr 30, 2004 8:04 pm (спустя 6 часов 35 минут)
   Post subject:
Reply with quote

baev:
Спасибо, но это не подходит.
Я версткой не собираюсь заниматься, мне нужно предоставить верстальщику инструмент, с помощью которого он сможет рисовать подобные таблицы.
Итак уже день угробил на то, чтобы пинать кнопки под его мудрым руководством...
Back to top
View user's profile Send private message
Дмитрий Котеров
Администратор



Joined: 10 Mar 2003
Posts: 13665
Карма: 412
   поощрить/наказать


PostPosted: Sat May 01, 2004 1:06 am (спустя 5 часов 2 минуты)
   Post subject:
Reply with quote

А что такого... Обрабатывайте обычные таблицы регулярными выражениями при помощи данного инструмента «на лету». Верстальщик ничего и не заметит — будет делать обыкновенные таблицы.
Back to top
View user's profile Send private message Send e-mail
WingedFox
Профессионал



Joined: 29 Apr 2003
Posts: 4064
Карма: 269
   поощрить/наказать

Location: Питер

PostPosted: Wed May 05, 2004 9:43 pm (спустя 4 дня 20 часов 37 минут)
   Post subject:
Reply with quote

Дмитрий Котеров:
Не получается.
Может быть когда и переделаю код под свои нужды...

От нечего делать нарисовал JS компонент RoundedTables. 8*)

Известные проблемы:
1. Несовместимость с NN и Mozilla. У NN6 - баг в insertBefore.
2. Непонятно долгий старт в IE (в Опере таблицы генерятся примерно за 0.5с, даже очень большие, в IE - примерно за 3с)


rtab1.0.zip
 Description:
RoundedTables v1.0

Download
 Filename:  rtab1.0.zip
 Filesize:  3.63 KB
 Downloaded:  1031 Time(s)

Back to top
View user's profile Send private message
Ant
Сотрудник «Лаборатории»



Joined: 17 Jun 2003
Posts: 6837
Карма: 131
   поощрить/наказать


PostPosted: Thu May 06, 2004 2:27 pm (спустя 16 часов 44 минуты)
   Post subject:
Reply with quote

WingedFox wrote:
в IE - примерно за 3с
У меня очень быстро открывается твой пример — Avant Browser (на основе IE).
Back to top
View user's profile Send private message Send e-mail
WingedFox
Профессионал



Joined: 29 Apr 2003
Posts: 4064
Карма: 269
   поощрить/наказать

Location: Питер

PostPosted: Thu May 06, 2004 2:52 pm (спустя 24 минуты)
   Post subject:
Reply with quote

У меня дома (IE 5.5SP2) и на работе (IE6.0.2800) тормозят примерно одинаково...
Попробуй, plz, в IE его открыть.
Back to top
View user's profile Send private message
Ant
Сотрудник «Лаборатории»



Joined: 17 Jun 2003
Posts: 6837
Карма: 131
   поощрить/наказать


PostPosted: Thu May 06, 2004 3:30 pm (спустя 38 минут)
   Post subject:
Reply with quote

WingedFox wrote:
Попробуй, plz, в IE его открыть.
Попробовал — такая же реакция. Странно, всё открывается в момент. У меня стоит IE6.0.2800..., SP1 + несколько штатных обновлений для Windows. Могу сделать видео ролик открытия в браузере твоей странички.
Back to top
View user's profile Send private message Send e-mail
WingedFox
Профессионал



Joined: 29 Apr 2003
Posts: 4064
Карма: 269
   поощрить/наказать

Location: Питер

PostPosted: Thu May 06, 2004 3:42 pm (спустя 12 минут)
   Post subject:
Reply with quote

Ant:
Убил кэш - все начало летать =)
Мистика.
Back to top
View user's profile Send private message
Ant
Сотрудник «Лаборатории»



Joined: 17 Jun 2003
Posts: 6837
Карма: 131
   поощрить/наказать


PostPosted: Thu May 06, 2004 4:25 pm (спустя 42 минуты)
   Post subject:
Reply with quote

WingedFox wrote:
Убил кэш - все начало летать =)
Мистика
Ну, не мистика. Может, когда писал, то старый вариант (глючный) остался. Не знаю. Главное, что всё разрешилось. (-:
Back to top
View user's profile Send private message Send e-mail
Ant
Сотрудник «Лаборатории»



Joined: 17 Jun 2003
Posts: 6837
Карма: 131
   поощрить/наказать


PostPosted: Fri May 14, 2004 11:03 pm (спустя 8 дней 6 часов 38 минут)
   Post subject:
Reply with quote


М

Ветка выделена в отдельную тему «Таблицы со скругленными углами.»,
расположенную в форуме Программирование::JavaScript::Склад готовых решений (15 Мая 2004, 00:03).
Back to top
View user's profile Send private message Send e-mail
Миша Спларов
Участник форума



Joined: 17 Nov 2003
Posts: 821
Карма: 65
   поощрить/наказать

Location: Россия, Москва

PostPosted: Sat Mar 25, 2006 10:12 am (спустя 1 год 10 месяцев 10 дней 11 часов 8 минут; написано за 11 секунд)
   Post subject:
Reply with quote

От части в тему: pixel-apes.com/roundozer
Back to top
View user's profile Send private message
tmp
Заглянувший



Joined: 21 Apr 2006
Posts: 1
Карма: 0
   поощрить/наказать


PostPosted: Fri Apr 21, 2006 11:57 am (спустя 27 дней 1 час 44 минуты; написано за 38 секунд)
   Post subject:
Reply with quote

а без images и без php, только средствами js и css решения есть?
Back to top
View user's profile Send private message
Миша Спларов
Участник форума



Joined: 17 Nov 2003
Posts: 821
Карма: 65
   поощрить/наказать

Location: Россия, Москва

PostPosted: Fri Apr 21, 2006 12:22 pm (спустя 24 минуты; написано за 13 секунд)
   Post subject:
Reply with quote

tmp
выше ссылка!
Back to top
View user's profile Send private message
Stan
Участник форума



Joined: 03 Dec 2005
Posts: 26
Карма: 1
   поощрить/наказать


PostPosted: Fri Apr 21, 2006 10:52 pm (спустя 10 часов 30 минут; написано за 21 секунду)
   Post subject:
Reply with quote

tmp, все сводится к использованию картинок. Вроде.
Back to top
View user's profile Send private message
Дмитрий Чечеткин
Участник форума



Joined: 15 Sep 2005
Posts: 49
Карма: 2
   поощрить/наказать

Location: UGEE-UKOO-URKK-ULLI

PostPosted: Tue May 16, 2006 6:05 pm (спустя 24 дня 19 часов 13 минут; написано за 18 секунд)
   Post subject:
Reply with quote

Отнюдь!
вот здесь: www.html.it/articoli/niftycube/index.html
ни одной картинки!
Back to top
View user's profile Send private message
Maus
Модератор



Joined: 29 Jun 2003
Posts: 8151
Карма: 271
   поощрить/наказать

Location: пос. Омсукчан Магаданской области

PostPosted: Wed May 17, 2006 10:39 am (спустя 16 часов 34 минуты; написано за 22 секунды)
   Post subject:
Reply with quote

Дмитрий Чечеткин
Выглядит мило и рисуется быстро
Back to top
View user's profile Send private message
Дмитрий Чечеткин
Участник форума



Joined: 15 Sep 2005
Posts: 49
Карма: 2
   поощрить/наказать

Location: UGEE-UKOO-URKK-ULLI

PostPosted: Thu May 18, 2006 9:55 pm (спустя 1 день 11 часов 15 минут; написано за 33 секунды)
   Post subject:
Reply with quote

Ага, я даже встроил в свой шаблонизатор на тег RDIV )))
Back to top
View user's profile Send private message
mirv
Guest





Карма: 387
   поощрить/наказать


PostPosted: Wed Oct 31, 2007 5:34 am (спустя 1 год 5 месяцев 12 дней 7 часов 39 минут; написано за 32 секунды)
   Post subject:
Reply with quote

На google сделано только стилями. никаких картинок, никаких криптов.
Back to top
SelenIT
Участник форума



Joined: 02 Jan 2005
Posts: 146
Карма: 23
   поощрить/наказать


PostPosted: Thu Nov 15, 2007 3:21 am (спустя 14 дней 21 час 46 минут; написано за 3 минуты 51 секунду)
   Post subject:
Reply with quote

mirv wrote:
только стилями. никаких картинок, никаких криптов
В мозилловых есть -moz-border-radius, а в IE, как минимум с 1998 года - вот такая прелесссть (blogs.msdn.com/ie/archive/2005/06/23/431980.aspx#438394) (с вот такой поправкой (willcode4beer.blogspot.com/2007/09/ie-vml-fun.html)). Для Оперы AFAIK на сегодня все еще нет ничего, ждем border-radius в ближайших версиях (как дождались opacity)...
Back to top
View user's profile Send private message
topy
Заглянувший



Joined: 11 Apr 2007
Posts: 17
Карма: 2
   поощрить/наказать

Location: 127.0.0.1

PostPosted: Tue Apr 01, 2008 10:47 am (спустя 4 месяца 17 дней 7 часов 26 минут; написано за 38 секунд)
   Post subject:
Reply with quote

вот тут (www.smileycat.com/miaow/archives/000044.php) собраны вроде все известные способы закруглить углы.
Back to top
View user's profile Send private message
mexboyy
Заглянувший



Joined: 16 Nov 2008
Posts: 1
Карма: 0
   поощрить/наказать


PostPosted: Sun Nov 16, 2008 12:11 am (спустя 7 месяцев 14 дней 13 часов 24 минуты; написано за 9 секунд)
   Post subject:
Reply with quote

Вот спасибо за ссылочку.
Back to top
View user's profile Send private message
Gdfh
Заглянувший



Joined: 21 Nov 2008
Posts: 1
Карма: -1
   поощрить/наказать


PostPosted: Fri Nov 21, 2008 7:56 pm (спустя 5 дней 19 часов 45 минут; написано за 56 секунд)
   Post subject:
Reply with quote

mirv wrote:
На google сделано только стилями. никаких картинок, никаких (www.pmvlab.ru)криптов.
Если не картинками то как тогда закругленые края делаются ?
Back to top
View user's profile Send private message
Judge13
Заглянувший



Joined: 14 Jan 2009
Posts: 1
Карма: 0
   поощрить/наказать


PostPosted: Thu Jan 15, 2009 1:09 am (спустя 1 месяц 23 дня 5 часов 13 минут; написано за 50 секунд)
   Post subject:
Reply with quote

Привет всем.
Я новичек и мне не совсем понятно как можно закруглять углы не при помощи картинок. Поясните нубу пожалуйста.
Back to top
View user's profile Send private message
bæv
Модератор «Дзена»



Joined: 27 Aug 2003
Posts: 7275
Карма: 9993
   поощрить/наказать


PostPosted: Thu Jan 15, 2009 2:53 am (спустя 1 час 43 минуты; написано за 1 минуту 52 секунды)
   Post subject:
Reply with quote

Judge13 wrote:
как можно закруглять углы не при помощи картинок
— раскрашивая html-элементы: www.html.it/articoli/nifty/index.html
Back to top
View user's profile Send private message
freesoccer
Заглянувший



Joined: 03 Feb 2009
Posts: 9
Карма: 0
   поощрить/наказать

Location: Минск

PostPosted: Tue Feb 03, 2009 3:00 am (спустя 19 дней 6 минут; написано за 45 секунд)
   Post subject:
Reply with quote

Блин, как я не догадался что углы можно через html закруглять... Век живи век учись!
Back to top
View user's profile Send private message
frankaway
Заглянувший



Joined: 02 Jun 2016
Posts: 1
Карма: 0
   поощрить/наказать


PostPosted: Thu Jun 02, 2016 5:17 pm (спустя 7 лет 3 месяца 27 дней 14 часов 17 минут; написано за 20 секунд)
   Post subject:
Reply with quote

попробуй border-radius для своей таблицы
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic All times are GMT + 3 Hours
Page 1 of 1    Email to a Friend.
You cannot post new topics in this forum. You cannot reply to topics in this forum. You cannot edit your posts in this forum. You cannot delete your posts in this forum. You cannot vote in polls in this forum. You cannot attach files in this forum. You can download files in this forum.
XML