Bild Link Spazzes auf Schwebeflug

Question

Ich setze Knöpfe auf mein Portfolio. Ich habe etwas Code eingefügt, um zu verhindern, dass meine transparenten verknüpften Bilder den Highlight-Hover-Effekt bekommen, den meine Links bekommen. Jetzt schneiden meine normalen verknüpften Bilder beim Schweben aus.

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;} 

Wie die Tasten vor schweben aussehen:

Wie sehen die Tasten während des Schwebens:

Ich scheine die Wirkung, indem sie eine neue Codierung zu beruhigen aber jetzt sind die tasten nicht direkt nebeneinander, obwohl die bilder direkt nebeneinander und nicht havin sind g irgendwelche brechenden Codes. Ich möchte, dass die Schaltflächen wie im ersten Bild nebeneinander bleiben, aber jetzt ausgespart werden. Vielen Dank.

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

Die verlinkten Bilder sind in einfachen Codierung nur wie:

<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

ich denke, es über ausgeflippt sein kann:

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

starten:

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