|
Рамка у ссылки с картинкой
|
|
| ER(U)DIT | Отредактировал ER(U)DIT - Воскресенье, 15 Ноября 2009, 17:05 Дата: 15 Ноября 2009, 17:00 | Сообщение # 1 |  ● ● ● ● ● 32 сообщения Статус: Offline | У меня в css на ссылки стоит такой стиль: a:link { color: #2666B9; text-decoration: none; }
a:active { color: #2666B9; text-decoration: none; }
a:visited { color: #2666B9; text-decoration: none; }
a:hover {text-decoration: none; border-bottom: 0.7px dashed #073b9f; color: #073b9f;} При наведении курсора, внизу появляется пунктирная граница. Проблема: При наведении курсора на картинку типа: <a href=""><img src=""></a> Также внизу появляется пунктирная граница. Как мне убрать пунктирную границу, появляющуюся при наведении курсора на картинку? | | |
|
| WeStRacer | Дата: 15 Ноября 2009, 17:16 | Сообщение # 2 | ● ● ● ● ● 189 сообщений Статус: Offline | Code a:hover {text-decoration: none; color: #073b9f;} | | |
|
| ER(U)DIT | Дата: 15 Ноября 2009, 17:36 | Сообщение # 3 | ● ● ● ● ● 32 сообщения Статус: Offline | WeStRacer, Мне нужно чтобы ссылки пунктиром подчеркивались, а картинки вообще не подчеркивались при наведении курсора мыши!!! | | |
|
| Task | Дата: 15 Ноября 2009, 17:59 | Сообщение # 4 | ● ● ● ● ● 703 сообщения Статус: Offline | ER(U)DIT, <img src="" style="border:none;" /> или img{border:none;}Добавлено (15 Ноябрь 2009, 17:59)
---------------------------------------------
На крайняк: 
Code if($('img').parent().is('a');){
$(this).attr('style', 'border:none;');
} | | |
|
| WeStRacer | Дата: 15 Ноября 2009, 18:39 | Сообщение # 5 | ● ● ● ● ● 189 сообщений Статус: Offline | Может я туплю, но почему-то
Code a:hover img {border:none !important;}
не работает... | | |
|
| cucYa | Дата: 15 Ноября 2009, 19:02 | Сообщение # 6 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | WeStRacer, у картинки и так нет рамки при наведении. | | |
|
| ER(U)DIT | Дата: 15 Ноября 2009, 19:06 | Сообщение # 7 | ● ● ● ● ● 32 сообщения Статус: Offline | Ничего не помогает!!! Task, А это куда пихать??? Code
if($('img').parent().is('a');){
$(this).attr('style', 'border:none;');
} | | |
|
| Task | Дата: 15 Ноября 2009, 19:10 | Сообщение # 8 | ● ● ● ● ● 703 сообщения Статус: Offline | После <body> или $BODY$: (Я уверен на 70% что это не работает)
Code <script type="text/javascript">
$(document).ready(function(){
if($('img').parent().is('a');){
$(this).attr('style', 'border:none;');
}});
</script> | | |
|
| cucYa | Дата: 15 Ноября 2009, 19:24 | Сообщение # 9 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Code <style type="text/css">a.unborder:hover {border:0 none!important}</style>
<script type="text/javascript">
var link = document.getElementsByTagName('a');
for (var i = 0; i < link.length; i++) {
if (link[i].childNodes[0].tagName == 'IMG') {
link[i].className = 'unborder'
}
}
</script> | | |
|
| cucYa | Дата: 15 Ноября 2009, 19:52 | Сообщение # 10 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | ER(U)DIT, дайте ссылку, где не работает. | | |
|
| Task | Дата: 15 Ноября 2009, 19:53 | Сообщение # 11 | ● ● ● ● ● 703 сообщения Статус: Offline | Короче ставь это, я замучался
После $BODY$
Code <script type="text/javascript">
$(document).ready(function(){
$('img').parent().addClass('imgs');
});
</script>
В CSS:
a.imgs{
border:none;
} | | |
|
| MegaFill | Дата: 15 Ноября 2009, 19:57 | Сообщение # 12 |  ● ● ● ● ● 1588 сообщений Статус: Offline | Quote (ER(U)DIT) Только что прописывать в этот класс imgs ???
.imgs {text-decoration:none;}
---------
Task, это не бордер... Откуда вы взяли что он там есть? | | |
|
| cucYa | Дата: 15 Ноября 2009, 19:57 | Сообщение # 13 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Quote (ER(U)DIT) border-bottom: 0.7px dashed #073b9f | | |
|
| ER(U)DIT | Дата: 15 Ноября 2009, 19:59 | Сообщение # 14 | ● ● ● ● ● 32 сообщения Статус: Offline | Все получилось!!!  Я в css вставил это: .img {border: none;}
a.img:hover {text-decoration: none; border:0;} А к ссылкам пихнул класс <a href="" class="img"><img src=""></a> И все заработало!!! Спасибо всем за помощь!!!
Всем кто писал в теме +1!  | | |
|
