Форум Сайтостроение Веб-строительство

Обводка картинки CSS

[Удален]
1475

Здравствуйте!

Есть код:

a {
display: block;
padding: 5px;
}
a:hover {
background-image: -webkit-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);
background-image: -moz-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);
background-image: -ms-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);
background-image: -o-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);
}

Добавляет картинке рамку с градиентом.

Вопрос в следующем - как этот код поместить сюда, что бы работал:

.maincont img {
}

В css я полный нуб.... :(

Станислав
На сайте с 27.12.2009
Offline
258
Станислав
#1

вместо а

.maincont img

Мы там, где рады нас видеть.
kdv12
На сайте с 05.12.2011
Offline
52
kdv12
#2

Если я правильно понял, то

.maincont img {

padding: 5px;

background-image: -webkit-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);

background-image: -moz-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);

background-image: -ms-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);

background-image: -o-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);

}

Разработка сайтов любой сложности на 1С-Битрикс. Бесплатные консультации.
BadBoy
На сайте с 31.01.2005
Offline
308
BadBoy
#3

попробуйте так 


.maincont img a {

display: block;

padding: 5px;

}

.maincont img a:hover {

background-image: -webkit-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);

background-image: -moz-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);

background-image: -ms-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);

background-image: -o-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5);

}
KS
На сайте с 11.06.2012
Offline
17
KostaShah
#4

Я думаю, "а" уже не нужно: 

.maincont img  { 

display: block; 

padding: 5px; 

} 

.maincont img:hover { 

background-image: -webkit-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5); 

background-image: -moz-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5); 

background-image: -ms-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5); 

background-image: -o-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5); 

}
FileSafe (http://filesafe.anek.ws/) - мониторинг неизменности файлов сайта для защиты от взлома. Для форумчан - первый год бесплатно.
[Удален]
#5
KostaShah:
Я думаю, "а" уже не нужно: 

.maincont img  { 

display: block; 

padding: 5px; 

} 

.maincont img:hover { 

background-image: -webkit-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5); 

background-image: -moz-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5); 

background-image: -ms-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5); 

background-image: -o-linear-gradient(left, #f3a01e, #D05D2A, #9dc425, #4b8db5, #7c48b5); 

}

Помогло!)

Всем спасибо!

И огромное спасибо за столь быстрый ответ!)

BadBoy
На сайте с 31.01.2005
Offline
308
BadBoy
#6
KostaShah:
Я думаю, "а" уже не нужно:

не увидел вашего ответа.

да, все верно, "а" не требуется ...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий