Discussion :

[neo18045]

Bonsoir,

Ma question va peut-être paraitre bête, mais auriez-vous déjà trouvé une solution pour éviter le mouvement de texte lors du passage d'une police normal à une police italique ?

Je m'explique, j'ai plusieurs liens côte à côte, dans l'état normal ils sont d'une certaine couleur, gras, non souligné de taille 12px. Quand je passe dessus, ils restent de cette même couleur, ils restent gras, mais deviennent italique et sont soulignés.

Mon problème est que le passage d'une police à l'autre entraine un décalage dans le texte. J'ai bien essayé de bidouillé un truc du style quand t'es normal je met un padding à 0 1px, et quand t'es italique je met un padding de 0.

Cela à presque marché sauf pour un seul lien

Donc ma question : avez-vous une solution pour ce genre de problème ?

Si vous voulez voir le problème plus en détail, le lien du site est http://tetraed-lims.com/, la partie où j'ai testé est la partie tout en haut avec la date, admin, etc... le problème ici se passe uniquement lorsqu'on survole "Plan de site".

Merci d'avance.

[tsunamichups]

met tes lien dans des div que tu fera floater pour les positionner cote a cote
et a chaque div tu leur attribut une largeur supperieur a la taille du lien et tu met les lien dans chaque div

ainsi quand ton lien ce met en italique il ne decalera pas les autres étant donner qu'ils seront déjà décaler par les div

pour faire mieux tu centre les lien dans les div avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

text-align:center;

[neo18045]

Merci de ta réponse.

J'avais effectivement pensé à donner une taille au conteneur des liens mais j'essayais de trouver une solution autre.

Mon problème (que je n'ai pas préciser au dessus en fait) est que dans l'exemple que j'ai cité, la taille fixe fonctionnera, mais j'ai une autre ligne de lien qui elle peut avoir des liens de tailles variables.

Comment ferais-tu dans le cas d'un taille variable ?

Merci d'avance.

EDIT : en fait j'avais une idée qui vient de me revenir. Ca reprend ton idée de taille mais je me demande s'il est possible de le faire. Est-il possible en CSS de dire que je veux rajouter admettons 2px à la taille que prend automatiquement mon élement (div, span, etc...) ? Un truc du genre width:+2px.

[tsunamichups]

oui s'est possible mais en utilisant des padding (marge interne)

en gros en ajoutant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
#unediv
{
padding-left:5px;
padding-right:5px;
}

ce qui donnera 5pixel de cache contenu du contenu donc ce que tu voulais faire

[neo18045]

Ok, mais le problème reste le même car comme tu le dis le padding est une marge interne qui sert à dire "mon contenu ne doit pas s'approcher à tant de pixel de ces bords là". Donc une fois le passage de la police normal à la police italique, la div va s'agrandir car mon contenu ne vas pas aller sur mettre dans le padding car justement celui est là pour fixer une limite, mais il va plutôt le pousser ce qui entrainera le décalage de ce qu'il y a autour ?

Je crois que la solution fixe reste hélas ce qu'il y a de mieux, et que la méthode variable risque de s'avérer difficile.

Mais s'il y a d'autre idée je suis preneur car pas top de devoir dire "ma div prend tant de pixel quand tel lien est dedans, prend tant de pixel quand tel autre lien est dedans et etc..."

Merci tout de même pour ton aide.

[tsunamichups]

J'ai pas les yeux en face des trous aujourd'hui ^^'

je vois pas trop d'autre solution mise a part ca et choisir un autre changement d'etat de tes liens plutot que l'italique