Discussion :

[michka999]

bonjour
j ai une page html avec des tableaux
j ai une page externe css avec laquelle je gere entre autre les images
je voudrais savoir (mais je ne crois pas) s'il est possible d'ajouter du code 'et si oui lequel) dans ma page css pour qu'une image devienne un lien
PS: c'est une image de bandeau (donc present tout le temps) et je prefererais eviter de la mettre en dur dans toutes les pages de mon site
merci de m'aider

[Johnbob]

Cette fonction n'existe pas en CSS à ma connaissance...

Il faut utiliser <a> ou onclick dans le code html.

[Kerod]

Si c'est bien ce que tu veux tu as deux possibilités :

utiliser le javascript et mettre dans le onclick une instruction pour que la page soit chargée :

Code :

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

window.location.href='page.htm'

Ou entourer ton image avec une balise <a> mais il faudrait mettre en css :

Code :

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

text-decoration:none

Pour qu'il y ait pas les effets du hover

[michka999]

merci de vos reponses je me doutais que le css seul ne faisait pas ca mais bon...
j ai essayé le javascript mais ca le fait pas tout du moins j'arrive pas a faire ce que je veux) tant qu'au <a> je ne sais pas ou le mettre ...
je vais peut etre mettre mon image en dur

[Kerod]

Si tu souhaites sur le clic sur l'image redirigé tu fais ainsi :

Code :

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

<img src='img' onclick="window.location.href='page.htm'"/>

Sinon pour le faire avec un lien :

Code :

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

<a href="page.htm" style="text-decoration:none">tonimage</a>

[michka999]

oui mais tout ca c'est avec une image en dur
je crois que je vais faire ca quand meme
merci de tes reponses

[Kerod]

SI tu veux faire obligatoirement avec le css :

Code :

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

<a href=">&nbsp;</a>

et le css :

Code :

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

1
2
3
4
5
6
a{
width :taillimg;
height:taillimg;
text-decoration : none;
background-image:url(tonimage);
}