Страница 1 из 1

Как добавить отдельный стиль для изображений в CSS?

СообщениеДобавлено: 03 июл 2012, 10:54
guyasyou
Здравствуйте!
На скрине можно увидеть, что подчеркнуты изображения с ссылками. Как это убрать?
Вот как выглядит эта CSS:
#page #central #body{ float:left; width:70%; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important }
#page #central #body a:link{border-bottom: solid 1px #87CEEB;}
#page #central #body a:hover{border-bottom: solid 1px #FFA05C;}
#page #central #body img{border-bottom: none !important;}
Надо чтобы ссылки в тексте подчеркивались, а картинки с ссылками нет.
Скрин:
Пожалуйста зарегистрируйтесь, чтобы увидеть ссылку

Re: Как добавить отдельный стиль для изображений в CSS?

СообщениеДобавлено: 03 июл 2012, 15:36
Admin
Вместе со стилями хорошо бы и верстку этих блоков показать, а ещё лучше ссылку на страницу, где есть эти блоки.

Вообще вариантов может быть много, как пример - нужно отделить блок с картинками по классу, и уже для этого класса прописывать
Код: Выделить всё
#page #central #body .newclass a,
#page #central #body .newclass a:hover {
    border-bottom: none
}


более конкретно я бы сказал, если бы увидел верстку

Re: Как добавить отдельный стиль для изображений в CSS?

СообщениеДобавлено: 03 июл 2012, 15:41
guyasyou
Пожалуйста зарегистрируйтесь, чтобы увидеть ссылку
вот тут это.
а как юзать CSS в пункте "Дизайн"? может там как то прописать именно под картинку

Re: Как добавить отдельный стиль для изображений в CSS?

СообщениеДобавлено: 03 июл 2012, 19:41
Admin
CSS в пункте "Дизайн" предназначен для ввода списка CSS свойств редактируемого блока... например, так
Код: Выделить всё
color: #000;
font-size: 16px;

А селекторы тут не впишешь.
Как один из вариантов - можно в том же окне в пункте
"Название(я) CSS класса(ов):"
добавить произвольный класс для блока, который содержит эти ссылки-картинки. Допустим это будет класс "image-pay-link" (вписывать без кавычек)
Ну а потом в файле css добавить строчки

Код: Выделить всё
#page #central #body .image-pay-link a,
#page #central #body .image-pay-link a:hover {
    border-bottom: none
}

Re: Как добавить отдельный стиль для изображений в CSS?

СообщениеДобавлено: 03 июл 2012, 20:06
guyasyou
сработало! Спасибо огромное!!! несколько дней бился)))