Рамка вокруг картинки

[Grius 0]

ребят как сделать вот у меня стоит так:

pic_bg img {background-image: url("../images/poster_bg.jpg");

    float:center;

    width:180px;

    height:280px;

    margin:0 10px 5px 0;

    text-align:center;

   .pic_bg img {background-image: url("../images/poster_bg.jpg");} no-repeat 0 0;

     padding-left: 25px;

     padding-right: 30px;

     padding-top: 10px;

     padding-bottom: 10px;


}

в fullstory.tpl так:

<div class="pic_bg">{short-story}</div>

И в полной новости помимо самой картинке новости,эта рамка прикрепляется тоже к спойлеру и другим.Вопрос как сделать что бы она касалась только картинки новости а не других которые в полной новости?

[baxus 49]

Если картинок много то можно использовать доп.поля новостей и назначить им отдельно от полной стили.

Если одна можно попробовать использовать псевдо класс фирстчилд пример

pic_bg img:first-child{}

Тогда по логике он должен примениться только к первой картинке в блоке.

[Grius 0]

Если картинок много то можно использовать доп.поля новостей и назначить им отдельно от полной стили.

Если одна можно попробовать использовать псевдо класс фирстчилд пример

pic_bg img:first-child{}

Тогда по логике он должен примениться только к первой картинке в блоке.

А по подробней можно что куда?

[baxus 49]

Так а ты не сказал сколько у тебя картинок

Если одна ... то делай как делал только с псевдокласом

pic_bg img:first-child{background-image: url("../images/poster_bg.jpg");

    float:center;

    width:180px;

    height:280px;

    margin:0 10px 5px 0;

    text-align:center;

   .pic_bg img {background-image: url("../images/poster_bg.jpg");} no-repeat 0 0;

     padding-left: 25px;

     padding-right: 30px;

     padding-top: 10px;

     padding-bottom: 10px;

}

[guusr 19]

а ссылка есть посмотреть?

[Grius 0]

Так а ты не сказал сколько у тебя картинок

вообщем на спойлер эта картинка тоже применяется и все портит

а ссылка есть посмотреть?

Нету так как пока что на локалке делаю

[zgr 72]

ребят как сделать вот у меня стоит так:

pic_bg img {background-image: url("../images/poster_bg.jpg");

    float:center;

    width:180px;

    height:280px;

    margin:0 10px 5px 0;

    text-align:center;

   .pic_bg img {background-image: url("../images/poster_bg.jpg");} no-repeat 0 0;

     padding-left: 25px;

     padding-right: 30px;

     padding-top: 10px;

     padding-bottom: 10px;


}

в fullstory.tpl так:

<div class="pic_bg">{short-story}</div>

И в полной новости помимо самой картинке новости,эта рамка прикрепляется тоже к спойлеру и другим.Вопрос как сделать что бы она касалась только картинки новости а не других которые в полной новости?

Kевый код, сравните повнимательней:

pic_bg img {

    background-image:url("../images/poster_bg.jpg");

    float:center;

    width:180px;

    height:280px;

    margin:0 10px 5px 0;

    text-align:center;

}

.pic_bg img {

    background-image:url("../images/poster_bg.jpg") no-repeat 0 0;

    padding-left: 25px;

    padding-right: 30px;

    padding-top: 10px;

    padding-bottom: 10px;

}

Что за рамка - не пойму... Если бордюры прописали, то они наследуются в ИЕ, если не ошибаюсь (инхеритом) по умолчанию, в остальных браузерах не наследуются. Просто пропишите все элементы внутренние со стилем (border:0px;) в CSS и всё.

[Grius 0]

Что за рамка - не пойму...

Не бардюры а допустим картинка ставится в рамку тоесть в еще одно изображение

[baxus 49]

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

[MasterUA 1]

1. Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт.

[guusr 19]

MasterUA,

да ладно?!

пасиба, кЭп!!