Image lien, décalage complet

**Sepiaan** · 24/11/2006, 10h14

Bonjour,

J'ai créé un template à l'aide d'un soft apparenté a ImageReady, j'ai donc un ensemble d'images qui assemblées correspondent à l'interface que j'ai réalisée.
Cependant, lorsque j'essaie de changer une image en une image lien, je dois mettre border=0 pour éviter que n'apparaisse un cadre bleu autour de mon image, mais de plus, un décalage complet de toutes images est effectué.
Il semble que la taille de l'image a changé suite à l'ajout de ce lien...

Quels sont les autres attributs que je dois préciser à mon image ou à mon lien pour que l'affichage avec et sans lien soit le même et que toute ma page ne s'en trouve décalée

Merci !

**Bisûnûrs** · 24/11/2006, 10h16

On peut avoir un exemple ?

Parce qu'à priori il n'y a aucune raison pour que la taille de l'image change selon qu'il y ait un lien ou pas, sauf quand il y a une bordure, chose que tu as enlevée.

**Sepiaan** · 24/11/2006, 10h37

Je n'ai pas sous la main la page en question, mais le décalage ne s'effectue que verticalement.
Je ferai la capture d'écran ce soir.

Pour info, les images sont insérées par le logiciel type ImageReady au niveau des <td>. Et je n'ai testé que sous firefox 2.

**Bisûnûrs** · 24/11/2006, 11h00

- Allo Mr le technicien, je n'arrive plus à accéder à Internet.
- Allumez votre PC et allez dans le panneau de configuration.
- Ah mais je ne suis pas chez moi je suis au boulot.
- ...

Tu pourras essayer de faire sur ton image :

Code CSS :

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

vertical-align:bottom;

**Sepiaan** · 24/11/2006, 12h01

j'essaierai

Tu es trop prompt à répondre à mes questions, je pensais qu'une journée de réflexion de la part des utilisateurs du forum serait nécessaire pour réflechir à mon cas

et puis cette erreur aurait pu être "classique"

Merci en tout cas !

**Sepiaan** · 24/11/2006, 20h53

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<body bgcolor='#FFFFFF' leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'>
<table id='Tableau_01' width='1025' height='769' border='0' cellpadding='0' cellspacing='0'>
  <tr>
 
    <td colspan='3'>
      <a href='./index.php' target='_self'>
        <img src='images/index_05.gif' width='37' height='11' alt='' border=0 style='vertical-align:bottom'>
      </a> 
    </td>

Sur l'image 5 qui correspond à Accueil, les autres parties du menu ne sont pas transformées en image lien... :

Sans lien :

Sans vertical bottom et lien :

Avec vertical bottom et lien :

http://img455.imageshack.us/my.php?i...lbottomyy6.png

Ca reste etrange

De plus, lorsque je clique sur le lien, la page s'affiche alors correctement (jusqu'au relachement du clic qui effectue alors veritablement la redirection vers le lien precisé dans les balises <a>

Image lien, décalage complet

CSS

Discussions similaires

Partager

Partager