Internet Explorer + FireFox, проблема с css на a img и таблицей

[ХОЛОДный]

Проблема изображена на картинке, давите, чтобы увеличить:

Как видно, Эксплорер (верхняя)) задает дикие расстояния между ячейками таблицы, к тому же, они разные.

Нет красной рамки при наведении на картинку.

Мозилла (нижняя) все делает так, как я хочу: и расстояние между картинками (через margin) и красная рамка в 1 пиксель при наведении.

Код приведен ниже. В чем может быть проблема, плиз, хелп.

Вот мой код:

css:

/*изображения, на которые можно кликать*/
A IMG{
margin: 2px;
border: none;
}

A IMG:hover {
margin: 2px;
border: 1px /* Толщина рамки */
solid /* Сплошная рамка */
#DA261E /* Цвет рамки */
}

html:

<table cellspacing="0" cellpadding="0" border="0"> 
  <tbody> 
	<tr> 
	 <td valign="top"> 
		   <a href="sample.html"><img src="../mainpage/preobr_grave.jpg" /></a> 

	   <a href="sample.html"><img src="../mainpage/church.jpg" /></a> 
	</td> 
	 <td valign="top"> 
		   <a href="sample.html"><img src="../mainpage/wash.jpg" /></a> 

		   <a href="sample.html"><img src="../mainpage/evrey.jpg" /></a> 

		   <a href="sample.html"><img src="../mainpage/drova.jpg" /></a> 
	 </td> <td valign="top"> 
		   <a href="sample.html"><img src="../mainpage/pohod_row.jpg" /></a> 

		   <a href="sample.html"><img src="../mainpage/gun.jpg" /></a> 

	   </td>
	 </tr>
  </tbody>
 </table>

[Vlad]

hover в IE работает только для ссылок, надо добавить его к селектору A.

Проблема скорее всего в BR. Убери его, а ссылки с рисунками помести внутрь DIV. С помощью стилей задается расстояние между картинками.

[walaby]

да, у меня похожая проблема была со ссылками в списке li

Итак, что у тебя может быть:

1. на FF тег

ОЧЕНЬ ПЛОХО ВСТАЕТ и делает огромные отступы, в отличие, как ни странно, от IE.

2. Если у тебя картинки являются ссылками, то ставь пробелы, например, Название ссылки(ПРОБЕЛ)

3. Опять же, если у тебя список - то ПО ОДНОМУ РАЗУ в начале открой ul и li и по одному разу в конце закрой, а не закрывай li каждый раз после каждой ссылки-рисунка, естественно при этом в css списка для li a дожо быть указано display: block

Удачи!

[ХОЛОДный]

hover в IE работает только для ссылок, надо добавить его к селектору A.

Проблема скорее всего в BR. Убери его, а ссылки с рисунками помести внутрь DIV. С помощью стилей задается расстояние между картинками.

Спасибо, буду пробовать. Только я не знаю, как располагать

'ы по вертикали, если же я буду пихать

'ы подряд, они горизонтально установятся. Поищу, на этом сайте я 99,9% нахожу того, что нужно.

Как задать расстояние между ними, я уже знаю.

Кстати, теперь картинки не обводятся красной рамкой. Обводится "строка", видимо, она равна ссылке href="ooops.html"

img.mainpage{
 border: none;
 margin: 2px;

}
a.clickimg{
 border: none;
}

a.clickimg:hover {
 border: 1px /* Толщина рамки */
 solid /* Сплошная рамка */
 #DA261E /* Цвет рамки */
}

У меня исправились отступы по горизонтали, вертикальные отступы из-за по-прежнему не те.

да, у меня похожая проблема была со ссылками в списке li

Итак, что у тебя может быть:

1. на FF тег

ОЧЕНЬ ПЛОХО ВСТАЕТ и делает огромные отступы, в отличие, как ни странно, от IE.

2. Если у тебя картинки являются ссылками, то ставь пробелы, например, Название ссылки(ПРОБЕЛ)

3. Опять же, если у тебя список - то ПО ОДНОМУ РАЗУ в начале открой ul и li и по одному разу в конце закрой, а не закрывай li каждый раз после каждой ссылки-рисунка, естественно при этом в css списка для li a дожо быть указано display: block

Удачи!

1. В том-то и дело, на FF все тип-топ, когда же я открыл вс? это добро в IE, я ужаснулся и заплакал.

2. Да, картинки идут ссылками, вначале попробую рецепт Vlad'a.

3. Не, какие списки-то. Я же код html'ный написал.

[ХОЛОДный]

Теперь проблема звучит по-другому. Повторю на всякий случай код css.

В HTML следующие изменения: получил свой класс, так же получил свой класс.

img.mainpage{
 border: none;
}

a.clickimg{
 border: none;
}

a.clickimg:hover {
 border: 1px /* Толщина рамки */
 solid /* Сплошная рамка */
 #DA261E /* Цвет рамки */
}

Теперь в эксплорере все,как надо, только осталось решить проблему с

В FF ссылка выделяет в рамку область, но не всю картинку. Умничка Эксплорер выделяет всю картинку.

[Dimitry Wolotko]

В проблемы верстки.