Ссылки внутри другой ссылки
Вложений: 1
Доброго времени суток!
Пытаюсь реализовать поведение ссылки, когда внутри нее есть еще две ссылки (удобно с точки зрения css). Так вот. Такое работает в FF, больше нигде не работает. <a href="">Alexandr Babko <img class="note_img" src = "img/0.png" width="15" height="12" onClick="location.href='index.html'"> <img class="letter_img" src = "img/0.png" width="15" height="12" onClick="location.href='index.html'"> </a> Хочу получить эффект как на прикрепленном рисунке. Чем можно заменить полученное? |
Впринципе и это можно заставить работать, но не нужно.
Надо как-то так:
<style>
div a{
float:left;
display:block;
width:100%;
background-color:#ddd;
height:24px;
}
div a:hover{
background-color:#ccd;
}
.img{
display:block;
font-size:0;
background-color:transparent !important;
}
.img.note_img{
background-image:url(http://learn.javascript.ru/modules/play/images/export.png);
width:24px;
height:24px;
margin-left:-24px;
}
.img.letter_img{
background-image:url(http://learn.javascript.ru/modules/play/images/readme.png);
margin-left:-50px;
width:24px;
height:24px;
}
</style>
<div>
<a href="#Babko">Alexandr Babko</a>
<a href="#note" class="img note_img">Alexandr Babko note</a>
<a href="#letter" class="img letter_img">Alexandr Babko letter</a>
<a href="#Babko">Alexandr Babko</a>
<a href="#note" class="img note_img">Alexandr Babko note</a>
<a href="#letter" class="img letter_img">Alexandr Babko letter</a>
<a href="#Babko">Alexandr Babko</a>
<a href="#note" class="img note_img">Alexandr Babko note</a>
<a href="#letter" class="img letter_img">Alexandr Babko letter</a>
</div>
|
Добавьте #
<a href="#">Alexandr Babko |
Последний вариант очень понравился, т.к. сохраняется поведение подсветки ссылк при наведении на пикторгаммки. Спасибо. А в чем отличие пустой ссылки от ссылки с якорем?
|
Ну видимо потому, что # используется для переходов внутри страницы, пусто значит "никуда внутри", а без # - на внешние страницы, пусто значит "никуда снаружи".
Это лишь предположение, точно не знаю, если кто знает, подскажет, главное, что обработка идёт так, что эффект получается только в первом случае. |
| Часовой пояс GMT +3, время: 04:43. |