Ссылка на изображение spazzes on hover

Question

Я кладу кнопки на портфолио. Я помещал некоторое кодирование, чтобы мои прозрачные связанные изображения не получали эффект наведения, который мои ссылки получают. Теперь мои нормальные связанные изображения разгадываются при наведении.

a:link { 
color: #000000; 
text-decoration: underline;} 
a:hover { 
color: #000000; 
background-color: #AF77AB;} 
a:visited { 
color: #000000; 
text-decoration: underline;} 
a:hover img { 
border: none !important; 
display: block;} 

Как кнопки отмерь парении:

Как кнопки выглядят во время висения:

я, кажется, чтобы успокоить эффект, поставив какую-то новую кодировку но теперь кнопки не находятся непосредственно рядом друг с другом, несмотря на то, что изображения находятся рядом друг с другом, а не havin g любые коды разрыва. Я хотел бы, чтобы кнопки оставались рядом друг с другом, как на первом снимке, но теперь разрастались. Спасибо.

a:link img { 
border: none !important; 
display: block;} 

Связанных изображений в только простые кодированиях, такие как:

<a href="http://website.com"><img src="http://image.com" border="0"><a href="http://website.com"><img src="http://image.com" border="0"></a><a href="http://website.com"><img src="http://image.com" border="0"></a> 

Answer 1

Я думаю, что это может быть бесконтрольным над:

a:hover img { 
border: none !important; 
display: block;} 

Попробуйте это:

a:hover img { 
border: none !important; 
display: inline-block;}