| |
|
|
| | Здравствуйте.
Вроде бы и задачка пустяковая, на минуту - сделать линк на JavaScript функцию с картинкой:
<a href="javascript:alert('Test');" style="background-color:Red;"><img src="i/FontColor.gif" style="border-width: 0px" alt="" width="23px" height="22px"></a>
|
а начал тестировать в Опере и FF - под картинкой появляется красная полоска (style="background-color:Red;"), высота которой зависит от высоты шрифта в стилях линка. И уже битых два часа пытаюсь эту полоску убрать. Пока удалось этого добиться только жесткой установкой высоты и ширины линка и стиля display: block. Но тут возникают вопросы с переносом каждой новой кнопки на новую строку.
Чувствую, что есть какое-нибудь нормальное решение проблемы, которое знают все, кроме меня. Помогите выйти из ступора, пожалуйста.
Заранее благодарен. | |
| |
|
|
| |
|
|
| |
для: Denis_Gorby
(25.04.2007 в 10:43)
| | | у меня сложилось впечатление что строка "background-color:Red" вам просто не нужна. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(25.04.2007 в 11:09)
| | | >у меня сложилось впечатление что строка "background-color:Red" вам просто не нужна.
Извините, но впечатление ошибочное. | |
| |
|
|
| |
|
|
| |
для: Denis_Gorby
(25.04.2007 в 10:43)
| | | Ну если уж очень хочется без display: block; можно в принципе и так:
<a href="javascript:alert('Test');" style="position: absolute; top: auto; left: auto; font-size: 0; line-height: 0; background-color: red;"><img src="i/FontColor.gif" style="position: relative; border: 0; width: 23px; height: 22px;" alt="" /></a>
|
| |
| |
|
|
| |
|
|
| |
для: ilyaILF
(25.04.2007 в 16:06)
| | | >Ну если уж очень хочется без display: block; можно в принципе и так:
Спасибо, попробую | |
| |
|
|
