Jump to content

Faire un lien sur une image ?


Tabouet
 Share

Recommended Posts

Bonjour,

J'ai besoin de faire un lien sur une image.

Je pensais que ça allait être tout simple avec ce petit bout de code :

<a href="machin.html"><img src="images.jpg" width="250"></a>

Mais ça ne fonctionne pas :mad2:

Pourtant c'est un truc de base que j'ai déjà du faire des centaines de fois...

Auriez-vous une suggestion ?

Merci et à bientôt,

Link to comment
Share on other sites

Salut,

Tu travailles sous quel doctype? Est-ce que tu as bien une image qui s'appelle images.jpg dans le même dossier que ton fichier .html qui contient le code que tu as écrit?

Link to comment
Share on other sites

Merci pour ta réponse,

J'ai ce doctype :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Pour les chemins vers l'image et vers le fichier html, je suis certain qu'ils sont bons.

J'ai oublié de précisez que l'image est dans un <div>


<div class="imagegauche">
<a href="machin.html"><img src="images.jpg" width="250"></a>
</div>

Edited by Tabouet
Link to comment
Share on other sites

C'est une page en cours de construction qui n'a pas encore eu le temps d'être validée.

De toute façon, quelque soit le doctype, ça ne marche pas.

Histoire de localiser la source du problème, j'ai remplacé mon image par du texte, pour avoir un lien "normal";

<div class="imagegauche">
<a href="machin.html">test de lien</a>
</div>

Et ça ne fonctionne pas.

Quand le curseur est sur le lien, il ne devient même pas "un doigt" et quand je clique rien ne se passe.

Edited by Tabouet
Link to comment
Share on other sites

Mouais... je crois qu'il y avait comme un problème avec les div et les positions.

le code de départ était le suivant:


<div class="imagegauche">
<a href="machin.html">toto</a>
</div>

<div style="position:relative;padding-right:10px;">
du code...
</div>

Il est devenu :


<div class="imagegauche">
<a href="machin.html">toto</a>
</div>

<div style="margin-left:470;padding-right:10px;">
du code...
</div>

Maintenant ça à l'air de fonctionner, il y avait une sorte de superposition des div.

D'où le lien qui était inaccessible.

Edited by Tabouet
Link to comment
Share on other sites

Salut

De manière générale, il vaut mieux ne pas surcharger de <div>, surtout quand ce n'est pas indispensable.

Ici, typiquement le <div> '"imagegauche" n'a pas l'air de servir à grand chose... à part à créer du bordel sur un simple lien tout bête ;)

(De plus, il est préférable de ne pas nommer ses identifiants et ses classes avec des trucs du style "colonne-verte", "image-gauche", bordure-rouge-en-haut-a-gauche" etc. Le jour ou tu modifies le design de ton site, la colonne sera peut-être violette, l'image sera peut-être centrée ou à droite, la bordure sera peut-être différente, ou inexistante ;))

Bref, revenons à nos moutons, ce <div> a l'air d'être là juste pour pallier un défaut de sémantique ou de bonne utilisation du CSS.

Sans voir la page, mais sur un simple a priori, je dirais qu'une bonne règle CSS bien ciblée permettrait de l'enlever ;)

Un petit article intéressant sur la divite aiguë, cette maladie grave !

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...