Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Нужно сверстать хитрый уголок, кто подаст идею 
:(
    Опции темы
Stampede
Дата 13.6.2008, 10:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Гносеолог
**


Профиль
Группа: Участник Клуба
Сообщений: 963
Регистрация: 25.4.2005
Где: Calgary, Alberta, Canada

Репутация: 1
Всего: 144



Вот возникла задача сверстать средствами ХТМЛ/СЫЫ вот такой вот хитрый уголок (см. картинку):

user posted image

С наскоку чтой-то не выходит. Задача осложняется тем, что:

- под уголком лежит градиентный бакграунд, подстроиться под который в общем случае не получится, поэтому внешняя сторона ушек должна быть прозрачной;

- с правой стороны блока должно быть аналогичное закругление (правда, без серости в углу);

- ширина блока - переменная (резиновая), поэтому готовая верхушка не прокатит.

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

Может кто-то предложить альтернативную идею?



--------------------
"If you want something done right, do it yourself"
По секрету: выучить английский - реально!
PM WWW   Вверх
NDenis
Дата 13.6.2008, 19:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8



вот идейка
а так можно еще кучу в поиске нарыть;)
PM MAIL   Вверх
Stampede
Дата 13.6.2008, 20:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Гносеолог
**


Профиль
Группа: Участник Клуба
Сообщений: 963
Регистрация: 25.4.2005
Где: Calgary, Alberta, Canada

Репутация: 1
Всего: 144



Цитата(NDenis @  13.6.2008,  10:21 Найти цитируемый пост)
вот идейка


Ага, на первый взгляд похоже то что нужно. Когда (и если) сработает для моего случая, плюс в репу не заставит себя долго ждать smile



--------------------
"If you want something done right, do it yourself"
По секрету: выучить английский - реально!
PM WWW   Вверх
NDenis
Дата 15.6.2008, 11:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8



там работает принцип раздвижных дверей
PM MAIL   Вверх
lukas
Дата 15.6.2008, 16:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 771
Регистрация: 23.2.2007

Репутация: 3
Всего: 15



В IE6 проблемы, на углах видны белые пикселы... и фон почему то не отображается... 

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


--------------------
http://code.google.com/p/orionphp/ - opensource скриптовой язык Orion (аналог PHP) для freepascal/delphi.
PM MAIL WWW   Вверх
kolynia
Дата 18.6.2008, 09:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 12.6.2008

Репутация: нет
Всего: нет



попробуйте посетить http://www.kolynia.h.com.ua/verstka/rezina/index.html может поможет? ;) это мое творение.
С уважением Николай.
PM MAIL   Вверх
Georgich
Дата 23.6.2008, 20:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 105
Регистрация: 20.1.2008

Репутация: нет
Всего: нет



Stampede, как и говорили выше, это метод Sliding Doors.
Подробно как реализовать Вашу задачу : http://www.alistapart.com/articles/slidingdoors/
PM MAIL   Вверх
Stampede
Дата 9.7.2008, 22:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Гносеолог
**


Профиль
Группа: Участник Клуба
Сообщений: 963
Регистрация: 25.4.2005
Где: Calgary, Alberta, Canada

Репутация: 1
Всего: 144



Цитата(NDenis @  13.6.2008,  10:21 Найти цитируемый пост)
вот идейка


NDenis, спасибо! Сработало лучше всего. Лови плюса smile

Хотя, блин, тоже не семантично ни разу. А что делать?


--------------------
"If you want something done right, do it yourself"
По секрету: выучить английский - реально!
PM WWW   Вверх
NDenis
Дата 17.7.2008, 14:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8



Stampede, за плюса спасибо.
Это просто одна из первых ссылок, которая попалась в поисковике, сорри за не идеал. smile 
Georgich же подсказал куда копать. А вариантов реализации наплодили кучу.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0865 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.