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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Рамка с круглыми углами вокруг контента 
:(
    Опции темы
Eltimo
Дата 3.7.2008, 18:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Имеется макет (рисунок прилагается) , нужно реализовать рамку вокруг контента средствами css.Контент должен тянутся в высоту и ширину.

Присоединённый файл ( Кол-во скачиваний: 35 )
Присоединённый файл  maket.jpg 57,26 Kb
PM MAIL   Вверх
Eltimo
Дата 3.7.2008, 18:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Заодно подскажите как реализовать рамку для меню.Ширина не фиксированая , поэтому бэкграунд сделать не получится. Нужно делать всю рамку.
Заранее спасибо.

Присоединённый файл ( Кол-во скачиваний: 24 )
Присоединённый файл  menu.jpg 14,28 Kb
PM MAIL   Вверх
NDenis
Дата 3.7.2008, 19:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



и то и другое делается по технологии раздвижных дверей

только рамку страницы можно разбить на три части по вертикали

Это сообщение отредактировал(а) NDenis - 3.7.2008, 19:18
PM MAIL   Вверх
Georgich
Дата 3.7.2008, 23:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Если внутри будет фон, то можно делать так: http://web-communism.livejournal.com/9011.html
PM MAIL   Вверх
Eltimo
Дата 4.7.2008, 10:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Менюшку сделал с помощью приема раздвижных дверей, спасибо. Но не пойму как рамку вокруг контента сделать. Можно , пожайлуста , пример кода.
PM MAIL   Вверх
webster
Дата 4.7.2008, 10:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Рамку можно сделать обычным бордюром:
Код

div.red_frame {border: 1px solid red;}
div.white_frame {border: 10px solid white;}
один див вложен в другой. В последнем div.white_frame собственно и располагается контент. (это если без закругленных углов)

Это сообщение отредактировал(а) webster - 4.7.2008, 10:46
PM MAIL   Вверх
Eltimo
Дата 4.7.2008, 12:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Подобные рамки с круглыми углами прийдется и дальше делать для блоков контента , большинство из них должно тянутся по ширине.Желательно что все было сделано через css.Посоветуйте пожайлуста универсальный метод создания подобных рамок , можно сделать конечно на таблицах , но нужно дивами. 
Вот пример будущего контента:

Присоединённый файл ( Кол-во скачиваний: 16 )
Присоединённый файл  content.jpg 101,62 Kb
PM MAIL   Вверх
webster
Дата 4.7.2008, 20:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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

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


 




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


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

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