Форум Сайтостроение Веб-строительство

Трудности css hover: блоки смещаются

Apach47
На сайте с 28.10.2008
Offline
74
Apach47
1132

Здравствуйте господа.

Прошу подсказать мне как решить следующую проблему: есть вот этот сайт. После новости выводим "Похожие новости" в картинках(после фразы "Смотреть другие фильмы онлай без регистрации:"). На картинку наложен ид 

#related_news ul li a:hover img {

 border: 2px #00CC00 solid;

}

При наведении на первые 4-ре картинки(отсчет слева), располагающиеся в первом ряду, картинки находящиеся во втором ряду сползают вниз, что мне совсем не нужно. Как от этого избавиться?

И опыт - сын ошибок трудных... И гений - парадоксов труд... И случай бог изобретатель... (А.С.Пушкин)
T
На сайте с 20.03.2007
Offline
67
Toy
#1

Потому что border 2px увеличивает занимаемое картинкой пространство на 2px с каждой стороны, так что резервируйте например бордером под цвет фона

#related_news ul li a img {
 border: 2px #fff solid;
}
Apach47
На сайте с 28.10.2008
Offline
74
Apach47
#2

Интересное решение. Спасибо :-)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий