Discussion :

[narmataru]

Bonjour,

Je voudrais avoir la source d'une image dans mon fichier css. Apparemment, ce n'est pas possible. Je suis donc passé par une bidouille qui fonctionne bien. J'ai créé un style pour div avec mon image en fond :

Code :

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

1
2
3
4
5
div.logo {
	background-repeat: no-repeat;
	background-image: url(/img/logo.png);
	height: 110px;
}

Code html :

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

<div class="logo"></div>

Cependant, maintenant j'aimerais bien rendre mon image cliquable et là je ne sais plus comment faire... Rendre la div cliquable ? Remettre l'image dans <img> mais comment avoir la soruce dans le css ??

merci si vous avez une idée...

[Torgar]

Salut,

"avoir la source d'une image dans mon fichier css"

J'ai pas compris. Mais alors rien.

Si ton but c'est d'empêcher aux internautes de connaître le chemin de ton image, autant arrêter les frais tout de suite. C'est pas possible. Il existe toujours un moyen.

[narmataru]

Non ce n'est pas ça. Mon site doit pouvoir être customisé entièrement grâce à une feuille de style. C'est pour cette raison que je veux mettre les sources des images dans cette css.

Je me doute bien que si tu affiches une image dans le navigateur, tu la récupère comme tu veux

[Torgar]

Dans ce cas, soit tu mets un événement onclick sur ta div, soit tu remets l'image et le lien.

[narmataru]

Jetrouve ça un peu 'artillerie lourde' le onclick() avec une redirection javascript. Y'a quelque chose de plus simple pour faire un lien contenant une image dont la source est dans un css ?

[Torgar]

Genre ça :

Code html :

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

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

Code :

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

1
2
3
4
5
6
a {
	display: block;
	width: 53px;
	height: 56px;
	background-image: url('./image.png');
}

Mais bon, on peut pas mettre n'importe quelle balise dans un <a></a>.

Ceci dit, je comprends pas l'intérêt de tout mettre dans le CSS. Il y a une balise <img > prévue pour ça justement.