• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по HTML » Большая проблемма, с версткой! (Помогите Пожалуйста!)
Большая проблемма, с версткой!
STRELA
Дата: Понедельник, 05.04.2010, 22:46 | Сообщение # 1
молчун
Группа: Пользователи
Пользователь №: 2558
Сообщений: 3
Здравствуйте все! Не могли бы вы мне помоч... вопрос заключается в том, что я не могу сверстать вот те вещи которые выделенны красным цветом...

Как написать код, что бы углы остовались, середина растягивалась, и фон залился определённым цветом! Извените за такой ту***, вопрос, просто это моя первая верстка. :) Буду очень благодарен за помощ!

Прикрепления: 6776137.png (22.2 Kb)
  
BeSinLi
Дата: Понедельник, 05.04.2010, 23:21 | Сообщение # 2
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Code
<style>
.box {
     -moz-border-radius: 12px; /* FF1+ */
     -webkit-border-radius: 12px; /* Saf3+, Chrome */
     border-radius: 12px; /* Opera 10.5, IE 9 */
}
</style>

——————————--„Tempora mutantur, et nos mutamur in illis“
———————————————„Si felix esse vis, este!“

———————————————————————————————————————————————————————старая аватарка

Сообщение отредактировал BeSinLi - Понедельник, 05.04.2010, 23:22
  
STRELA
Дата: Вторник, 06.04.2010, 00:29 | Сообщение # 3
молчун
Группа: Пользователи
Пользователь №: 2558
Сообщений: 3
Спасибо, но что означает данный код... O_o
  
BeSinLi
Дата: Вторник, 06.04.2010, 01:17 | Сообщение # 4
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (STRELA)
Спасибо, но что означает данный код...

http://www.w3schools.com/html/default.asp — учим html.

http://www.w3schools.com/css/default.asp — учим css.

——————————--„Tempora mutantur, et nos mutamur in illis“
———————————————„Si felix esse vis, este!“

———————————————————————————————————————————————————————старая аватарка

  
TaskO
Дата: Вторник, 06.04.2010, 11:48 | Сообщение # 5
молчун
Группа: Пользователи
Пользователь №: 1753
Сообщений: 2
BeSinLi, в старых версиях IE это не сработает, поэтому лучше картинки.
  
UnderShot
Дата: Вторник, 06.04.2010, 12:04 | Сообщение # 6
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85 		STRELA, нарезаешь верх, центр и низ, вставляешь в дивы
Очень важная тема!
Filmzona — онлайн фильмы.
  
UnderShot
Дата: Вторник, 06.04.2010, 12:10 | Сообщение # 7
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85 		STRELA,
Code

<style>#top,#wrap,#bottom{width:500px;margin:0 auto}
#top{height:10px;background:url(top_img.gif) no-repeat}
#wrap{height:100%;background:url(center_img.gif) repeat-y}
#bottom{height:10px;background:url(bot_img.gif) no-repeat}
</style>
<div id='top'></div>
<div id='wrap'></div>
<div id='bottom'></div>

Так-же можно сделать спрайтами, из top_img и bot_img делаешь одну картинку, дальше играешь позициями:
Code
<style>
#top,#wrap,#bottom{width:500px;margin:0 auto}
#top,#bottom{height:10px;background:url(top_bott.gif) no-repeat}
#wrap{height:100%;background:url(center_img.gif) repeat-y}
#top{background-position:top left}
#bottom{background-position:bottom left}
</style>
<div id='top'></div>
<div id='wrap'></div>
<div id='bottom'></div>

UPD: что эта тема делает в вопросах про uCoz?
Очень важная тема!
Filmzona — онлайн фильмы.

Сообщение отредактировал UnderShot - Вторник, 06.04.2010, 12:19
  
STRELA
Дата: Вторник, 06.04.2010, 17:46 | Сообщение # 8
молчун
Группа: Пользователи
Пользователь №: 2558
Сообщений: 3
BeSinLi, у меня картинки не прозрачные, этот скрипт мне не нужен,

UnderShot, а тебе спасибо!

а ЗА ТЕМУ ИЗВЕНИТЕ!

  
Форум Studio AD » Сайтостроение » Общий форум по HTML » Большая проблемма, с версткой! (Помогите Пожалуйста!)
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.