Текст поверх картинки или как победить css

{ 1 trackback }

Doorway blog » Архив блога » Текст поверх картинки с помощью CSS

04.20.09 at 16:37

{ 21 comments… read them below or add one }

1 max 04.19.09 at 22:42

Существует ведь нечто вроде подклассов, например для всех картинок, что находятся внутри класса:
.test img{
}
если не ошибаюсь с написанием

2 SeoCoder 04.19.09 at 23:05

что это даст?!

3 Mikhail 04.20.09 at 06:05

.test { margin-top: -40px; }

4 Mikhail 04.20.09 at 06:12

да, и .test { bottom: 40px; } – убрать наверное, если оно, конечно, не работает

5 Jungle 04.20.09 at 07:36

а лучше средствами javascript и текст картинки запихнуть либо в атрибут alt, либо в title картинки и картинка лучше будет индексироваться и меньше кода набивать

6 neudor 04.20.09 at 08:48

Ну дык а в чём проблема-то? Ты ж всё уже сделал. Можно просто организовать это вот так:

Сиськи!

Проверил в ФФ – работает.

7 neudor 04.20.09 at 10:22

У тебя блог схлопнул код в каменте.

Ищи в шаблоне
И убери принудительные ширину-высоту, ну и overflow.

8 neudor 04.20.09 at 10:23

Тьфу бля! Надо чтоб предпросмотр был.

<div class=»codecolorer-container text » style=»overflow:auto;white-
space:nowrap;width:0px;height:0px»>

9 SeoCoder 04.20.09 at 12:04

Я сделал уже в лисе, но в ие нижний блок не растягивается по ширине картинки.
http://pic.ipicture.ru/uploads/090419/i7JWjYxAI6.png

10 Seonewbie 04.20.09 at 19:38

Поковыряйся в CSS коде jessicaalba.ru. Там подобный вариант

11 SeoCoder 04.21.09 at 01:34

http://www.seocoder.org/test/test.php сделал так.
в ие не работает.

12 ikpwl 04.21.09 at 09:31

http://www.gofuckbiz.com/showpost.php?p=144024&postcount=15

13 SeoCoder 04.21.09 at 14:18

И чего?! там пусто

14 AngelOfFate 04.24.09 at 00:40

а через слои никак?

15 SeoCoder 04.24.09 at 00:41

а там как ты думаешь чего юзается?

16 AngelOfFate 04.24.09 at 00:54

SeoCoder, упс не сразу z-index углядел =)

17 SeoCoder 04.24.09 at 01:00

проблема в том что ослик не может без ширины дива – обработать width 100%

18 Jungle 04.24.09 at 07:48

возьми ширину картинки и присвой эту ширину слою и всё
$([селектор_слоя]).width($([селектор_картинки]).width());

19 SeoCoder 04.24.09 at 12:35

Это хорошо когда одна картинка на экране

20 Jungle 04.24.09 at 12:51

ну так, а что мешает сделать функцию и прогнать по всем нужным картинкам?

21 Ivan 05.12.09 at 23:59

Ну так что сделали ? )) А то мне тоже такое надо ))

Leave a Comment