Bonsoir^^

Voilà a chaque fois que je veux créer une image-lien, "l'espace cliquable" s'ettend sur toute la largeur du site.
Je peux pas mettre la page en ligne alors je vous fait un petit shéma :

Voici ma page : (tout ça est contenu dans un div "contenu")

texte texte texte texte
---------IMAGE--------
texte texte texte texte

Et quand je crée mon lien ça donne :

texte texte texte texte
---------IMAGE--------
texte texte texte texte

J'aimerais que le lien soit uniquement sur mon image comme ça :

texte texte texte texte
---------IMAGE--------
texte texte texte texte

Ma page utilse une feuille de style visible ici : http://looploop.free.fr/style.css

Merci !

Faudrais ton code HTML pour vraiment savoir ce qui ne va pas mais j'ai deux hypothèses / solutions :

- Si c'est le cadre bleu du lien autour de l'image que tu vois et qui te gêne, n'hésite pas à le supprimer.

- Es-tu bien sûr que le lien (<a ...></a>) est uniquement autour de l'image (<img ... />) ?
Voilà...

Pour en dire davantage il faudrait ton code HTML.

En fait je viens de résoudre mon problème

J'ai définit mon image dans le CSS par un div que j'ai appelé ensuite sur mon html à l'aide d'un <div id=""> et tout marche super, mon lien prend uniquement en compte mon image^^

Dans ce cas bonne continuation !

Attention, il ne faut surtout pas définir toutes tes images en CSS.
Les CSS sont fait pour la décoration. Il s'agit d'une couche qui s'ajoute au contenu (HTML).
Les images décoratives et les illustrations doivent effectivement être définies en CSS (pour éviter d'allourdir le contenu inutilement).
Par contre, les images pertinentes (celles qui apportent du contenu), doivent apparaître dans le document HTML, tout simplement parce que lorsque les CSS ne sont pas actifs ou utilisés (exemple des synthèses vocales), ces images ne seront alors pas accessibles

Je comprend ce que tu veux dire mais dans mon cas, ces images étaient des "miniatures" de mes précédents design où quand on clique dessus on arrive sur le design agrandit (c'était pour ma rubrique Historique) est-ce des images pertinentes pour toi ?

Comme ces images se trouvait dans un div englobant tout un bloc, il était normal que les liens des images s'appliquent également au bloc tout entier, donc mis à part la solution de créer un nouveau div pour ces images, je ne voit pas comment j'aurais pu faire.

Enfin ma solution est peut être pas la meilleure et si ça peut poser des problèmes futurs je préfère changer de technique

Citation : Aya

Je comprend ce que tu veux dire mais dans mon cas, ces images étaient des "miniatures" de mes précédents design où quand on clique dessus on arrive sur le design agrandit (c'était pour ma rubrique Historique) est-ce des images pertinentes pour toi ?

La réponse est assez simple : est-il possible de comprendre correctement tout le contenu de la page sans ces images ?

De toute façon une image cliquable est toujours pertinente, sinon je ne vois pas l'intérêt d'en faire un lien

Pour savoir si tes images sont pertinentes c'est facil ... Il faut que tu désactives ton CSS et navigue sur ton site de cette manière ...


Je l'ai déja fait et ça marche très bien

Bien je viens de le faire et disons que ces images ne sont pas d'une vitalité extrême
Enfin j'en connais pas bcp des gens qui désactive le CSS dans leur navigateur, c'est pas comme le javascript tout de même

Oui mais les PDA tu penses à eux ???
Et j'irais même plus loins comme l'a dis Raphael (j'adore ton livre au passage ) il faut aussi penser aux handicapés , comme les mal-voyants

Erf c'est vrai, vaut mieux faire un site accessible pour tout le monde ... enfin c'est pas simple entre les bas débit, les utilisateurs de PDA, ceux de IE, les anti-javascript, les handicapés, les antis-cookies, fin bref ... pour les débutants (comme moi) c'est pas du tout évident

Citation : Aya

Enfin j'en connais pas bcp des gens qui désactive le CSS dans leur navigateur, c'est pas comme le javascript tout de même

Les Standards sont fait justement pour ne plus se concentrer uniquement sur un seul support (le navigateur graphique), mais sur tous les supports existants ou futurs.
Le fait de séparer complètement le contenu (HTML) de la forme (CSS) permet cette pluralité de supports graphiques ou non.