[Résolue] Decalage de ligne dans mon tableau

Bonjour, j'ai un petit soucis de Focus et redimensionnement.
Dans ma page j'ai un tableau avec différentes colonnes et lignes


On passe la souris sur une icone de fin de ligne (liste des utilisateurs, modification ou suppression), le focus ajoute un cadre autour le l'icone. Ce cadre augmente la taille de la colonne et retrecit celle des autres.

Du coup, certains textes contenus dans une cellule du tableau prennent une ligne de plus, ce qui augmente la hauteur de la ligne, ce qui implique un decalage vers le bas de l'icone, ce qui fait perdre le focus. La perte de focus efface le cadre autour de l'icone, ce qui reduit la taille de la colonne, augmente celle des autres, fait revenir le texte a son nombre de ligne initial, fait remonter l'icone et redonne le focus à l'icone ...

Ce processus entraine un "tremblement" de l'icone et rend difficile le clic sur cette icone.
Modifié par jadozr (14 Apr 2011 - 14:44)

Salut,
Un simple border:0; sur ton lien ou ton icone devrait suffir

je l'ai déjà de present dans ma balise image j'ai toujours l'effet.

Tu peux fournir un lien ?

c'est une jsp :

<td>
					<html:link action="recupPublication" paramName="maPublication" paramProperty="id" paramId="id"><html:img page="/html/images/edit.png" border="0" alt="Modifier" /></html:link>
				</td>

Problème résolu:
Voici mon code niveau CSS

img.hoverborder {
        border: solid 4px transparent;
        /*Propriété propre à Internet Explorer 6.0 */
        border-color: pink;
		filter: chroma(color=pink);
    }
img.hoverborder:hover {
        border-color: blue;
    }

Je crée donc mon border en transparent donc la taille de la colonne est fixe et lors du hover sur mon icone mon border transparent passe en bleu