|
Тизерный блок поверх картинки
|
|
Beginner
18 сообщений
Мужчина
|
Здравствуйте, мне нужно вывести тизерный блок поверх картинки. Не подскажите как это сделать?
( для кино сайта нужно )
|
|
|
|
|
|
Designer
979 сообщений
Мужчина
|
Картинку кидаешь в бэкграунд :/
|
|
|
|
|
|
Beginner
18 сообщений
Мужчина
|
lapochka, Это как, я просто вообще в HTML не бум бум)))
|
|
|
|
|
|
Designer
979 сообщений
Мужчина
|
Это учишь html+css, а потом создаёшь сайты.
|
|
|
|
|
|
Beginner
18 сообщений
Мужчина
|
lapochka, Спасибо за ответ.
Кто-нибудь мне поможет?
|
|
|
|
|
|
Бывалый
1828 сообщений
Мужчина
|
|
|
|
|
|
|
Beginner
18 сообщений
Мужчина
|
Просто подсказать неможете? Я же говорю в HTML не шарю, у меня просто нет времени, чтобы его изучать. И так на учёбе пропадаю по полной.
Тему закройте, т.к. уверен, что толкового ответа мне не дадут.
|
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
PaD0NaK, нарисуй примерно как хочешь, с нужными размерами, раз не шаришь.
|
|
|
|
|
|
Beginner
18 сообщений
Мужчина
|
HeadMad, Вот видешь на странице тизерный блок http://unique-films.ru/publ/univer_novaja_obshhaga/univer_38_serija_novaja_obshhaga/2-1-0-1967
Нужно взади него поставить картинку http://unique-films.ru/video.png
|
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
PaD0NaK, выше предложенным способом (вставка картинки как фона):
Чтоб тебе не лезть в шаблоны, в своей таблице стилей (my.css) прописываешь :
Code #wzblock8249 table td {background:url(http://unique-films.ru/video.png)left bottom no-repeat !important}
#wzblock8249 table td - выбираем селекторы к которым прописываем свойства.
#wzblock8249 - это идентефикатор (id) блока в котором расположена таблица с тизером
table - селектор самой таблицы
td - селектор столбца в котором расположен тизер.
url(http://unique-films.ru/video.png)- это url картинки, которую тебе надо
left- это выравнивание картинки по левому краю (также принимает значения: right- по правому краю; center -выравнивание фонового изображения по центру блока и Npx, где N-количество пикселей отступа от левого края)
bottom - выравнивание картинки по нижнему краю (top - выравнивание по верхнему краю; center -выравнивание фонового изображения по центру блока и Npx - количество пикселей отступа от верхнего края блока)
no-repeat - значит что картинка не повторяется по всей области бока. (repeat-x - фоновое изображение повторяется по горизонтали; repeat-y - фон повторяется по вертикали; неуказанное значение будет заполнять всю видимую область блока как по вертикали так и по горизонтали)
!important - сообщает браузеру, о том что данные свойства нужно выполнять в первую очередь не смотря на указанные ранее или свойства указанные в самом элементе. А у тебя в коде скрипт выводящий таблицу с тизером приписывает ему свойства фона.
Если это не совсем то, то сделай скрин и нарисуй на нем, что ты хотел, более точно.
И еще, отключи блокировку правой кнопки мыши! Вот ни от чего она не спасает...
|
|
|
|
|
|
Beginner
18 сообщений
Мужчина
|
HeadMad, Спасибо, что постарался ответить на мой вопрос, но у тебя немного не то, что я хотел.
Я кажется разобрался, как это можно сделать.
Вот смотри код:
Code <DIV align="center" style="position: absolute">КОД ТИЗЕРНОГО БЛОКА</DIV><IMG border="0" align="absmiddle" src="/video.png">
Вот как выглядит: http://clip2net.com/s/2ubfK ( Низнаешь, как мне сделать, чтобы блок был по центру? Я бы потом просто блок подредактировал под дизайн картинки и всё. )
|
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
PaD0NaK, дело в том, что свойство position:absolute сбрасывает выравнивание блока по центру.
пропиши в CSS:
Code #wzblock8249 {padding:10px 0 80px; background:url(http://unique-films.ru/video.png)center bottom no-repeat}
и получишь что-то такое: 
а если еще и картинку сделаешь шириной 640px, то думаю получишь то, к чему стремишься ))
|
|
|
|
|
|
Beginner
18 сообщений
Мужчина
|
HeadMad, Большое спасибо за помощь. ( Теперь настрлю тизерный блок и всё будет нормально )
|
|
|
|
|
|
Premium user
682 сообщения
Мужчина
|
Вопрос решен! Тема закрыта!
|
|
|
|
|
|
