Новая тема   Ответить

 Kn
нужно чтобы вокруг картинки на расстояние 3пикселя была рамка
вроде все правильно

.content {
padding: 2px;
border: 1px solid #ccc;
}


<a class="content" href="" ><img src="01.jpg" width=140 height=200 ></a>

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

Рейтинг как всегда

 Keep3r
.content img {
padding: 3px ;
border: 1px solid #ccc;
}

Вокруг имаги будет отступ в 3px. И рамка в 1px.

 Kn
+8 я поставил...
по проблему это не решает...
отсупа нету
а насчет 3 и 2 - это я просто опечатался

 leetd
Код:

цвет бэкграунда ещё укажи

Код:

 Kn
нет обводка не отсупает

 Uwe Morgenstern
Код:

 Kn
неа

 Petek
Kn, всё как ты написал в первом посте, только класс добавляй к картинке, а не к ссылке

 pes
Попробуй так

Код:

то есть не линку, а картинке задавать

ну или ещё изъёбней - вставлять всё это в <span> и ему класс задавать

 Uwe Morgenstern
действительно, так только в ИЕ работает
...
а такой вариант тебе чем не нравится? всюду работает:
Код:

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

 Kn
Keep3r Спасибо!
Все дело оказалось в том что не указан документ тайп....

 Kn
А если усложнить задачу что бы при наведение на картинку стайл менялся
A.content:visited IMG { padding: 3px ; border: 1px solid #ccc; background:f1eccf;}
A.content:active IMG { padding: 3px ; border: 1px solid #ccc; background:f1eccf;}
A.content:hover IMG { padding: 3px ; border: 1px dashed #ccc; background:000;}
A.content:link IMG { padding: 3px ; border: 1px solid #ccc; background:f1eccf;}

не прокатило

 pes
в span засунь картику - сработает

 Kn
у меня не сработало

 Uwe Morgenstern
поправь a.content:link на a.content
заработает в опере и фф. как сделать в ие - не знаю

 Kn
просто сделать обводку которая меняется при наведение не проблема .. а вот отсупающая обводка и меняющийся бекграунд у меня ен получилось сделать

 Kn
Кто нить знает как проапргрейдить вот этот стиль, чтобы при наведение менялся бекграунд и цвет обводки

.content img {
padding: 3px ;
border: 1px solid #ccc;
background:f1eccf;
}

 Keep3r


Скинь ссылку на страницу, в которой ты хочешь это сделать.

З.Ы Если это тумбы, то есть вид кода такой <a href="#"><img src="#" /></a> то можно использовать следущую возможность.

.content a:hover img {border: 1px solid #нужный_цвет}

 Kn
Мне надо не просто обводку а отстояющию на Х писелей и чтобы цвет фона менялся...

 minimaximus
не совсем уверен в том что тебе нужно именно это
Код:

в опере работатет, там уж в цсс под свои нужды подработай.
п.с. совет на будуюшее : ЦСС в опере и ИЕ никогда не подогнать так чтобы они отображались одинаково, ибо заебетесь! проверенно.

 minimaximus
а да ... хочу +16

 Petek
Kn писал:

.content a:hover img {
padding: 3px ;
border: 1px solid новый_цвет;
background: новый_цвет;
}

меняется и цвет границы и бекграунд (обводка это бордер?)
работает в опере и в IE

 Kn
minimaximus: я так сам умею не подходит
Petek: именно так я и пробовал - не работает

 Petek
Kn писал:
а, сорри, у меня работало так как я использовал не класс .content, а #content

вот правильный вариант для класса

img.content {
padding: 3px ;
border: 1px solid #FFFFFF;
background: #00CCFF;
}
a:hover img.content {
padding: 3px ;
border: 1px solid #FF6600;
background: #00CC33;
}

а к нужной картинке надо добавить class="content"