почему мои изображения меняют положение при переворачивании?

Question

У меня есть ряд кнопок (6 шесть) и того же размера. Когда каждый переворачивается ..

<img src="home.jpg" onmouseover="HomeAct(this)" onmouseout="Home(this)"/>

function HomeAct(obj){
    obj.src='webseparada/home.png';
}

function Home(obj){
    obj.src='webseparada/home.jpg';
}

home.jpg - это правильный прямоугольник

home.png - это папка, в которой метка es является кнопкой (home.jpg)

---

Вот почему button1 отправляет все кнопки reimaing на следующую строку. Когда я перехожу к кнопке 2, она не перемещается по кнопке 1, но идет по линии и отправляет все оставшиеся строки, может кто-нибудь сказать мне, если это можно исправить с помощью css?

Большое спасибо

Answer 1

Вы уверены, что размеры изображения одинаковы? Это имело бы смысл, если бы они не были. Вы также можете явно указать размеры изображения через css, чтобы они были согласованными.