Не могу убрать границу вокруг IMG

[laird]

загвоздка в таком вот коде

<tr>
<td colspan="10" rowspan="7">
<a href="lamps.html">
<img src='h3.gif'
onmouseover="this.src='h3-act.gif'"
onmouseout="this.src='h3.gif'" border=0 width=100%>
</a>
</td>

до введения тега ссылки (a href=etc)

картинка спокойненько так себе сосуществовала в таблице, совсем никого не напрягая

при добавления тега ссылки, таблица расползлась по пикселю на каждый ряд (обратите внимание на rowspan) - и вот проплешины в таблице, где в ячейках пикчи светлого цвета, а фон страницы черный - смотрится неприлично

нашел только и вставил в хэдере в

<style>

строчки

a img {
    border: none;
   }
     a {
    outline: none;
   }

проблема не решилась

уж не знаю, что ещё нужно

[gibigate]

img,img:focus,img:active {outline:0;border:0;}

[laird]

что примечательно, только в firefox такие пироги

а ещё в лисе после события onmouseover не происходит сразу onmouseout

и происходит только при повторном наведении курсора, затем будто "отпускает"

глючная лиса, итить её!

но все таки я её люблю

img,img:focus,img:active {outline:0;border:0;}

это куда вставлять?

[laird]

вопрос пока не решен ((

может кто-то даст дельный совет?

[SteeLZzZ]

это куда вставлять?

Может быть вы сперва основы css,html выучите,чтобы начать исправление данной проблемы?

в <style> и вставляй

[laird]

всё равно то же самое

SteeLZzZ

уж вы (ты) определитесь (-ись), вы (ты) ко мне на вы или на ты

учил я, учил, просто раньше не сталкивался с этим вплотную

Edited October 25, 2012 by laird

[mrnobody]

Выложите пожалуйста ваш не рабочий пример на хостинг.

[laird]

Выложите пожалуйста ваш не рабочий пример на хостинг.

да там пока код не доработан

по сути если рассматривать, то в style у меня

<style type="text/css">
div.line {line-height:150%;}
BODY {
font-size: +1;
font-family: Georgia, 'Times New Roman', Times, serif;
margin: 0;
padding: 0;
}
a img {
    border: none;
   }
     a {
    outline: none;
   }
</style>

фрагмент таблицы

<tr>
<td colspan="10" rowspan="7">
<a href="lamps.html">
<img src='h3.gif'
onmouseover="this.src='h3-act.gif'"
onmouseout="this.src='h3.gif'" border=0 width=100%>
</a>
</td>

etc

без <a href> все ложится идеально

при теге начинает ползать по вертикали

в хроме и опере нормально

про ИЕ не говорю - геморрой мне ещё предстоит

ну и onmouseout не срабатывает в лисичке - только при повторном наведении-убирании курсора мышки

класс для картинки что ли попробовать отдельно сделать и прописывать его

[mrnobody]

Ну если это все стили попробуйте добавить к img какое-нибудь из свойств:

img{
   vertical-align: botttom (или top);
}

ИЛИ

img{
   display: block;
}

[laird]

img{
   display: block;
}

пусть логика останется далеко позади, но это помогло

осталась лишь одна проблемка для лисы

ну и onmouseout не срабатывает в лисичке - только при повторном наведении-убирании курсора мышки