Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Как сделать подпись к фото в слайдере?

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Franchesko
Отправлено: 07 Декабря, 2011 - 18:23:05
Post Id



Гость


Покинул форум
Сообщений всего: 74
Дата рег-ции: Окт. 2011  
Откуда: Армавир


Помог: 2 раз(а)
Есть слайдер http://dl[dot]dropbox[dot]com/u/24519373[dot][dot][dot]ple-carousel[dot]zip

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

CODE (html):
скопировать код в буфер обмена
  1. <div class="viewport">
  2.                     <ul class="overview">
  3.                         <li><img src="images/picture6.jpg" /> <div class="name">Работа №1</div></li>
  4.                         <li><img src="images/picture5.jpg" /> <div class="name">Работа №2</div></li>
  5.                         <li><img src="images/picture4.jpg" /> <div class="name">Работа №3</div></li>                                                                   
  6.                         <li><img src="images/picture3.jpg" /> <div class="name">Работа №4</div></li>
  7.                         <li><img src="images/picture2.jpg" /> <div class="name">Работа №5</div></li>
  8.                     </ul>


вот цсс

CODE (html):
скопировать код в буфер обмена
  1. .name {
  2.         width: 153px;
  3.         position: absolute;
  4.         top: 105px;
  5.         left: 10px;
  6.         background: url(images/bg.png);
  7.         color: #FFFFFF;
  8. }


но подписи привязались только к одной фотке ((( делаю несколько классов на кажду фотку тогда работает только 2 подписи

помогите, очень нужно
(Добавление)
уже не нужно, разобрался
 
 Top
Panoptik
Отправлено: 07 Декабря, 2011 - 18:53:08
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2493
Дата рег-ции: Нояб. 2011  
Откуда: Одесса, Украина


Помог: 131 раз(а)
у родителя position: relative нужно бы поставить то есть ul > li { position: relative}


-----
Just do it
 
 Top
Franchesko
Отправлено: 07 Декабря, 2011 - 19:12:19
Post Id



Гость


Покинул форум
Сообщений всего: 74
Дата рег-ции: Окт. 2011  
Откуда: Армавир


Помог: 2 раз(а)
Я сделал это так

CODE (html):
скопировать код в буфер обмена
  1. #slider1 .name1 {
  2.         width: 153px;
  3.         position: absolute;
  4.         margin-left: 8px;
  5.         background: url(images/bg.png);
  6.         color: #FFFFFF;
  7.         padding: 1px;
  8. }


но почему то в Хроме и Опере отображается по разному, в Опера появляется какойто отступ сверху
(Добавление)
Кстати, спасибо за position: relative

благодаря нему ушли проблемы с отступами в Опере
 
 Top
Bio man
Отправлено: 07 Декабря, 2011 - 19:31:12
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2751
Дата рег-ции: Июль 2010  
Откуда: Даугавпилс, Латвия


Помог: 52 раз(а)
Franchesko пишет:
в Опера появляется какойто отступ сверху
BOM удали
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB