X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> никак не получается вставит текст над картинкой
mxxx
mxxx
Topic Starter сообщение 11.3.2011, 16:13; Ответить: mxxx
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 24.6.2008
Поблагодарили: 12 раз
Репутация:   2  


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


тема закрыта... уже сделал спасибо всем....

Сообщение отредактировал mxxx - 11.3.2011, 16:23


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
abafons
abafons
сообщение 11.3.2011, 19:19; Ответить: abafons
Сообщение #2


Завсегдатай
*****

Группа: Active User
Сообщений: 838
Регистрация: 3.4.2010
Из: Казань
Поблагодарили: 149 раз
Репутация:   37  


уже сделал спасибо всем....
как сделали, поделитесь, мож пригодится кому


--------------------
Самый надежный и недорогой хостинг! От 115 руб в месяц, 1 месяц бесплатно + домен в подарок!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mxxx
mxxx
Topic Starter сообщение 12.3.2011, 10:52; Ответить: mxxx
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 24.6.2008
Поблагодарили: 12 раз
Репутация:   2  


(abafons @ 11.3.2011, 18:19) *
как сделали, поделитесь, мож пригодится кому


HTML
  <ul class="gallery">
   <li><a href="#"><img src="/images/img-1.jpg" class="shadow" alt="" /></a><div>Свадебные платья</div></li>
   <li><a href="#"><img src="/images/img-2.jpg" class="shadow" alt="" /></a><div>Свадебные платья</div></li>
   <li><a href="#"><img src="/images/img-3.jpg" class="shadow" alt="" /></a><div>Свадебные платья</div></li>
  </ul>


CSS
.shadow {-moz-box-shadow:0 0 10px #1d1d1d; -webkit-box-shadow:0 0 10px #1d1d1d; -khtml-box-shadow:0 0 10px #1d1d1d; box-shadow:0 0 10px #1d1d1d;}

.gallery {margin:0; padding:0; width:598px;}
.gallery li {margin:0; padding:10px 20px; float:left; position:relative;}
.gallery img {border:5px solid #1d1d1d; width:140px; height:200px;}
.gallery div {position:absolute; left:25px; top:189px; padding:4px; width:132px; display:block; background-color:#333;}


вот что получилось ссылка


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Копирайтинг и рерайт: качественный сео-текст по доступной цене!
312 Sostavitel 91053 8.12.2017, 12:30
автор: Sostavitel
Открытая тема (нет новых ответов) Размножить текст
4 azos 367 2.12.2017, 23:37
автор: Emtec
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыМожет, хватит терять клиентов? Текст – продавец, который будет работать на вас 24 часа в сутки.
39 Писатель 18337 7.11.2017, 13:22
автор: Писатель
Открытая тема (нет новых ответов) Яндекс думает над постройкой собственного офисного здания
3 MissContent 645 24.10.2017, 16:30
автор: Veronichka
Открытая тема (нет новых ответов) WhatsApp работает над бесплатным приложением для малого и среднего бизнеса
1 MissContent 650 15.9.2017, 14:31
автор: Nefilim11


 



RSS Текстовая версия Сейчас: 14.12.2017, 23:24
Дизайн