2011-10-20 13 views
7

Ultimamente ho notato una cosa molto strana in http://www.lua.org/docs.html - quando passo il mouse sui link accanto alle immagini di copertina, il layout cambia!cambiamento di layout su hover

Lo vedo in Safari ma non in Firefox. Alcune persone hanno riferito che succede anche in Chrome.

La pagina supera il validatore allo http://validator.w3.org/. il CSS è a http://www.lua.org/lua.css.

Sembra essere un bug Webkit. Qualcuno ha visto anche quello? Qualche soluzione suggerita?

+0

Whoa. Totally è un bug del webkit. In Chrome, ispeziona l'elemento dopo il passaggio del mouse e verrà riavviato in posizione. – Blender

+0

Risale se si posiziona il mouse sopra le immagini dopo si libra sopra i link. E poi non succede mai più per quel collegamento. – lhf

+0

Ecco il caso di test più semplice che riesco a trovare: http://jsfiddle.net/daQTK/1/ – Blender

risposta

1

Sembra che questo

hspace="12"

all'interno di ogni img tag potrebbe essere la causa di esso.

<img src="images/pil2.jpg" alt="" title="buy from Amazon" border="1" align="left" hspace="12">

Quando rimuovo esso, il nervosismo va via.

hspace obsoleto. Forse il webkit supporta solo parzialmente?

Hai ragione @lhf.

Tuttavia, penso che ho trovato ora. È lo che circonda le immagini e i collegamenti.

Quando lo rimuovo dall'HTML, tutto risolto.

+0

Grazie per il suggerimento ma non funziona per me. Nota che originariamente è successo solo una volta per link, quindi forse stai vedendo questo. Prova a ricaricare la pagina. – lhf

+0

Hai ragione @lhf. Vedi la mia modifica. –