![]() |
|
Модераторы: Illuminaty |
![]()
|
|
| Stampede |
|
|||
![]() Гносеолог ![]() ![]() Профиль Группа: Участник Клуба Сообщений: 963 Регистрация: 25.4.2005 Где: Calgary, Alberta, Canada Репутация: 1 Всего: 144 |
Вот возникла задача сверстать средствами ХТМЛ/СЫЫ вот такой вот хитрый уголок (см. картинку):
![]() С наскоку чтой-то не выходит. Задача осложняется тем, что: - под уголком лежит градиентный бакграунд, подстроиться под который в общем случае не получится, поэтому внешняя сторона ушек должна быть прозрачной; - с правой стороны блока должно быть аналогичное закругление (правда, без серости в углу); - ширина блока - переменная (резиновая), поэтому готовая верхушка не прокатит. Можно, конечно, сделать по-старинке, на таблице с ушками в углах, но как-то уж больно некузяво - в век торжества семантичности и дзена в дизайне. Может кто-то предложить альтернативную идею? -------------------- "If you want something done right, do it yourself" По секрету: выучить английский - реально! |
|||
|
||||
| NDenis |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 317 Регистрация: 14.12.2007 Репутация: 8 Всего: 8 |
||||
|
||||
| Stampede |
|
|||
![]() Гносеолог ![]() ![]() Профиль Группа: Участник Клуба Сообщений: 963 Регистрация: 25.4.2005 Где: Calgary, Alberta, Canada Репутация: 1 Всего: 144 |
Ага, на первый взгляд похоже то что нужно. Когда (и если) сработает для моего случая, плюс в репу не заставит себя долго ждать -------------------- "If you want something done right, do it yourself" По секрету: выучить английский - реально! |
|||
|
||||
| NDenis |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 317 Регистрация: 14.12.2007 Репутация: 8 Всего: 8 |
там работает принцип раздвижных дверей
|
|||
|
||||
| lukas |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 771 Регистрация: 23.2.2007 Репутация: 3 Всего: 15 |
В IE6 проблемы, на углах видны белые пикселы... и фон почему то не отображается...
Ну на мой взгляд все просто, gif с прозрачной областью... тока нужно хорошо эту область выделить... иначе получится как на том сайте... -------------------- http://code.google.com/p/orionphp/ - opensource скриптовой язык Orion (аналог PHP) для freepascal/delphi. |
|||
|
||||
| kolynia |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 4 Регистрация: 12.6.2008 Репутация: нет Всего: нет |
попробуйте посетить http://www.kolynia.h.com.ua/verstka/rezina/index.html может поможет? ;) это мое творение.
С уважением Николай. |
|||
|
||||
| Georgich |
|
|||
![]() Шустрый ![]() Профиль Группа: Участник Сообщений: 105 Регистрация: 20.1.2008 Репутация: нет Всего: нет |
Stampede, как и говорили выше, это метод Sliding Doors.
Подробно как реализовать Вашу задачу : http://www.alistapart.com/articles/slidingdoors/ |
|||
|
||||
| Stampede |
|
|||
![]() Гносеолог ![]() ![]() Профиль Группа: Участник Клуба Сообщений: 963 Регистрация: 25.4.2005 Где: Calgary, Alberta, Canada Репутация: 1 Всего: 144 |
NDenis, спасибо! Сработало лучше всего. Лови плюса Хотя, блин, тоже не семантично ни разу. А что делать? -------------------- "If you want something done right, do it yourself" По секрету: выучить английский - реально! |
|||
|
||||
| NDenis |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 317 Регистрация: 14.12.2007 Репутация: 8 Всего: 8 |
Stampede, за плюса спасибо.
Это просто одна из первых ссылок, которая попалась в поисковике, сорри за не идеал. Georgich же подсказал куда копать. А вариантов реализации наплодили кучу. |
|||
|
||||
![]()
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |