Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Градиентный фон в div
 
 автор: VYB   (07.03.2008 в 16:57)   письмо автору
 
 

Здравствуйте.
Никак не получается сделать фон в блоке градиентным.
Нужно чтобы он выглядел также как этот(здесь таблицей сделано):
http://k500-info.tut.su/template.htm
Вот еще пример:
http://k500-info.tut.su/template1.htm
Помогите пожалуйста.

   
 
 автор: jangot   (07.03.2008 в 17:05)   письмо автору
 
   для: VYB   (07.03.2008 в 16:57)
 

Для этого тебе нужна картинка с градиентом шириной 1 пиксел и высотой с твой градиент

<div style="background:url(img/pic1.gif) repeat-x;">
bla-bla-bla
</div>


pic1.gif это твоя картинка с бакгроундом

   
 
 автор: VYB   (07.03.2008 в 18:09)   письмо автору
 
   для: jangot   (07.03.2008 в 17:05)
 

не получается...Картинка есть.См.ссылку.
Не получается сделать блоком то, что сделано таблицей по первой ссылке.Эффект градиента не получается...

   
 
 автор: AlexSol   (07.03.2008 в 18:24)   письмо автору
 
   для: VYB   (07.03.2008 в 18:09)
 

у меня получилось

   
 
 автор: VYB   (07.03.2008 в 18:50)   письмо автору
 
   для: AlexSol   (07.03.2008 в 18:24)
 

Отображается так же как по первой ссылке?
Поделитесь кодом пожалуйста.

   
 
 автор: jangot   (07.03.2008 в 19:04)   письмо автору
 
   для: VYB   (07.03.2008 в 18:50)
 

А что у тебя не получается?
Как отображается?
Я всегда так делаю и все нормально.

   
 
 автор: AlexSol   (07.03.2008 в 19:10)   письмо автору
 
   для: VYB   (07.03.2008 в 18:50)
 

пожалуйста.


<div style="height:100px; background:url(http://k500-info.tut.su/images/block_bg2.gif) repeat-x 0 17px">
<div style="height:100px; background:url(http://k500-info.tut.su/images/block_left.gif) no-repeat 0 17px">
<div style="height:100px; background:url(http://k500-info.tut.su/images/block_buh.gif) no-repeat right 0">
</div>
</div>
</div>

   
 
 автор: VYB   (07.03.2008 в 21:57)   письмо автору
 
   для: AlexSol   (07.03.2008 в 19:10)
 

К сожалению пока не могу проверить Ваш код у себя.Завтра посмотрю.Большое спасибо!!! У меня фон как-то сливался,не было заметно плавного перехода от основного фона к белому,делал примерно также-накладывал картинку.Если интересно,могу ссылку дать на свою страничку.

   
 
 автор: AlexSol   (07.03.2008 в 22:18)   письмо автору
 
   для: VYB   (07.03.2008 в 21:57)
 

так там в градиете сразу цвета заданы, если вы про тот что с текстом.

<div style="height:300px; background:url(http://k500-info.tut.su/images/block_bg.gif) repeat-x 0 0">

   
 
 автор: VYB   (08.03.2008 в 13:00)   письмо автору
 
   для: AlexSol   (07.03.2008 в 22:18)
 

Да,вот именно его(а не шапку) и не получается сделать...
У меня есть основной фон(розовый).Текст в блоке.Так вот фон в блоке плавно переходит в белый(от нижней границы текста).Я пробую накладывать этот градиентный полупрозрачный фон block_bg.gif, но никак не могу получить результат как на ссылках...

   
 
 автор: AlexSol   (08.03.2008 в 14:58)   письмо автору
 
   для: VYB   (08.03.2008 в 13:00)
 

он не полупрозрачный. там переход от цвета фона к белому задан в самом гифе.

   
 
 автор: VYB   (08.03.2008 в 16:18)   письмо автору
 
   для: AlexSol   (08.03.2008 в 14:58)
 

http://k500-info.tut.su/index.htm -вот что у меня(см левый нижний блок).

   
 
 автор: AlexSol   (08.03.2008 в 16:48)   письмо автору
 
   для: VYB   (08.03.2008 в 16:18)
 

а проблема в чем?

   
 
 автор: VYB   (08.03.2008 в 19:15)   письмо автору
 
   для: AlexSol   (08.03.2008 в 16:48)
 

разве не видно?:-) Отображается фон блока не так...

   
 
 автор: AlexSol   (08.03.2008 в 20:19)   письмо автору
 
   для: VYB   (08.03.2008 в 19:15)
 

только padding не хватает и все.

   
 
 автор: VYB   (08.03.2008 в 20:37)   письмо автору
 
   для: AlexSol   (08.03.2008 в 20:19)
 

а может и действительно так...Спасибо Вам большое!

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования