Углы и не только!

[Alexsays]

Подскажите пожалуйста! Нужно получить такую таблицу(блок) как на рисунке. Изображения использовать не получиться так как в дальнейшем необходимо изменять цвет границ блока и цвет самого блока. И он должен быть резиновым. Помогите пожалуста!

[hf3]

border-left, border-right

и border-raduis для тех кто уже умеет.

А без картинок резиновое и кроссбраузерное - тут мне кажется либо флэш - либо SVG, VML

[psywalker]

А без картинок резиновое и кроссбраузерное - тут мне кажется либо флэш - либо SVG, VML

Да нее, зачем. Один контейнер, в него 8 дивов. три вверху, два по бокам, и три внизу. углы не тянутся,а бока тянуться, вот и всё.

Как бы для новичка может и не простое решение, но реализация возможна 100%. Я такие клепал раньше. Пусть учится

Воо,чё откапал http://psywalker.ru/Forum/box2/block/main.html

[Alexsays]

Но в этом примере же используются изображения! А если я захочу поменять цвет?

Edited April 6, 2010 by Alexsays

[Justnewone]

Но в этом примере же используются изображения! А если я захочу поменять цвет?

Поменяете изображения, в HTML достаточно 1 класса на главный контейнер чтобы все переопределить под готовый общий спрайт.

Старые браузеры без бордер-радиуса - уже выше намеки озвучены. С бордер радиусом - 2 блока, вставленные один в другой.

[Int]

Я поофтоплю

углы не тянутся,а бока тянуться

Чем здесь продиктовано использование тся и ться в одном и том же слове? Я вот всё никак не могу понять людей, которые не могут написать правильно. Ты ведь понимаешь, что в слове "тянуться" ударение ставится на у?

А сам бы сделал бордер-радиусами. Мне плевать на старые браузеры Если человек сознательно отказывается от круглых краёв, зачем я буду ему их навязывать?

Edited April 7, 2010 by Int

[rus]

Скажу так: ТС не выложил свой код, то есть то, что он пробовал сделать, но по каким-то причинам у него не получилось...

Вывод: зачем мне ему помогать, если он при этом может тупо пользоваться моими услугами просто так, на халяву?

[psywalker]

Я поофтоплю

Чем здесь продиктовано использование тся и ться в одном и том же слове? Я вот всё никак не могу понять людей, которые не могут написать правильно. Ты ведь понимаешь, что в слове "тянуться" ударение ставится на у?

Потому-что я не всегда пишу медленно, а в спешке могу не уследить за текстом, а просто доношу смысл, вот и всё. А потом форум не орфографический, а совсем другой тематики, и если тебе не нравится, то можешь не читать.

Главное, что я помог человеку, донёс до него смысл и ещё привёл ему вариант решения. Я думаю он за этим сюда приходил, а не ошибки в словах выискивать...

[Int]

форум не орфографический, а совсем другой тематики

А одежду ты одеваешь только когда идёшь в магазин одежды? Грамотность должна быть у человека независимо от места его пребывания.

Я обычно перечитываю свои посты, чтобы удостовериться, что написал понятно. Заодно ошибки нахожу.

[rash]

Мне плевать на старые браузеры Если человек сознательно отказывается от круглых краёв, зачем я буду ему их навязывать?

А если не сознательно?

[аrt]

А одежду ты одеваешь только когда идёшь в магазин одежды? Грамотность должна быть у человека независимо от места его пребывания.

Я обычно перечитываю свои посты, чтобы удостовериться, что написал понятно. Заодно ошибки нахожу.

жжошь.

[psywalker]

А одежду ты одеваешь только когда идёшь в магазин одежды? Грамотность должна быть у человека независимо от места его пребывания.

Я обычно перечитываю свои посты, чтобы удостовериться, что написал понятно. Заодно ошибки нахожу.

Когда у тебя всего пять минут, а помощь нужна 10-и людям, то тут уж не до перечитывания, прости.

[hf3]

А если не сознательно?

Ну одно дело совсем забить - а другое просто не мостить километры костылей для того чтобы появились эти закругленные уголки.

Практический пользы от них - 0. Юзабилити не повышает. Разве что эстетически приятней - да и то вопрос спорный - как пример на этом форуме нет ни одного закругленного уголка - м врядли кому либо от этого хуже.

[psywalker]

жжошь.

Да я заметил за ним такую вещь, по жизни жжот)

[Alexsays]

Скажу так: ТС не выложил свой код, то есть то, что он пробовал сделать, но по каким-то причинам у него не получилось...

Вывод: зачем мне ему помогать, если он при этом может тупо пользоваться моими услугами просто так, на халяву?

Я же не прошу выкладывать готовый код, меня просто нужно натолкнуть на мысль, я перепробовал кучу способов но не один не подходит так как повторюсь необходимо в дальнейшем менять цвет блока.

Наверно только бордер радиус.

Edited April 7, 2010 by Alexsays

[psywalker]

Я же не прошу выкладывать готовый код, меня просто нужно натолкнуть на мысль, я перепробовал кучу способов но не один не подходит так как повторюсь необходимо в дальнейшем менять цвет блока.

Наверно только бордер радиус.

Мой вариант для этих целей отлично подходит, в будущем одним нажатием мышки ты меняешь спрайт, вот и всё.

[Great Rash]

Я же не прошу выкладывать готовый код, меня просто нужно натолкнуть на мысль, я перепробовал кучу способов но не один не подходит так как повторюсь необходимо в дальнейшем менять цвет блока.

Можно использовать стописят мильёнов дивов и сделать все это без картинок вообще. Оно вам надо?

[rus]

Я же не прошу выкладывать готовый код, меня просто нужно натолкнуть на мысль, я перепробовал кучу способов но не один не подходит так как повторюсь необходимо в дальнейшем менять цвет блока.

Наверно только бордер радиус.

А вот сюда не пробовали заходить? Что-то сами делали? Что-то получилось?

[Int]

А если не сознательно?

Знаю такого, вчера на работе он меня заставил сменить 10-ю оперу на 9-ю, но "закладки", которыми он считал выпадающий список последних посещённых сайтов, так и не вернулись. Ну таким людям эти закругления ни к чему, так что можно считать, что никого не забыли. В конце концов, можно проверить версию браузера и вывести настойчивую просьбу не сидеть под решетом, а поставить что посвежее. Файрфокс же вот не зря за две недели два раза экстренно обновлялся. Edited April 7, 2010 by Int

[slicemasta]

долбаюсь сейчас с аналогичной конструкцией, только с тенью и полупрозрачностями пнг, о боже, будь проклят от день когда скомпилили первый ие6!!!

[stars]

долбаюсь сейчас с аналогичной конструкцией, только с тенью и полупрозрачностями пнг, о боже, будь проклят от день когда скомпилили первый ие6!!!

Чем gif не угодил?

[hf3]

будь проклят от день когда скомпилили первый ие6!!!

C таким же успехом можно проклинать день когда появилась Опера 6.xx, firefox, safari, chrome тогда даже в виде проектов не было

А бедный нетскейп бился в предсмертной агонии.

Разве бедный ослик виноват что много лет у него просто не было конкурентов?

будь проклят от день когда скомпилили первый ие6!!!

C таким же успехом можно проклинать день когда появилась Опера 6.xx, firefox, safari, chrome тогда даже в виде проектов не было

А бедный нетскейп бился в предсмертной агонии.

Разве бедный ослик виноват что много лет у него просто не было конкурентов?