[MAP IMAGE] Problème avec design CSS Fermé

Question

Bonjour,

Pour mon site, j'ai utilisé un design CSS déjà tout fait, pour me faciliter la tache (étant donné que je me lance doucement sur le net). Avec Gimp, j'ai modifié un petit peu ce design pour y intégrer un logo.

Le problème, c'est que je voudrais faire un lien vers ce logo, intégré comme image dans le design. Mais je n'arrive pas à faire de map image. Le mieux serait d'agir au niveau du CSS je pense, mais cela est-il possible ?

Je vous donne l'exemple : mon site est http://www.objectifplanete.fr et le logo concerné est le logo "Allié pour la Planète" en haut à gauche...

Pouvez vous m'aider ? Je pédale un peu dans la semoule depuis quelques jours...

Merci d'avance !

pitxu · Answer

Slt, ton code html est certainement organisé en division (

). Identifie celle où ton logo est inséré, il faut ensuite y mettre un lien de type :

Carotte77 · Answer

Ben justement j'ai bien des div, mais à aucun endroit je ne trouve le fichier composant le design... A part dans le CSS ! mon fichier est global2.gif, insérée dans #hautmenu, mais la div id="hautmenu" n'existe pas dans mon code source !

pitxu · Answer

http://www.objectifplanete.fr

Cherche plutot ce fichier dans ton css.

warlix · Answer

Salut bon je retest un fois de plus , mais mes 4 messages ne passent pas :p le forum explose je crois Mais crée toi un div dasn ton code html non ?

css : #hautmenu non ?

Carotte77 · Answer

@ pitxu :

Oui j'ai bien ce fichier dans mon css, cela donne :

#hautmenu {
margin-top:3px;
width: 150px;
height:241px;
background : url(../images/menu2.gif) no-repeat right top;
background-color:#FFF;
margin-left:5px;
}

qu'est-ce que je dois faire avec pour le transformer en lien ?



@ warlix :

Le design de mon site est issu d'un kit graphique qui n'est pas de moi, je ne sais pas du tout comment il est construit véritablement. Donc je n'y touche pas, il marche à peu près comme cela, tout est à sa place pour presque tous les navigateurs. Une map image n'est pas possible ?

pitxu · Answer

Et bien il faut que tu trouves le code

et que tu le transformes en

Mais si tu as un autre contenu que ton image entre les balises

tu devras créer une sous-catégorie dans ton css pour la balise #hautmenu { margin-top:3px; width: 150px; height:241px; background : url(../images/menu2.gif) no-repeat right top; background-color:#FFF; margin-left:5px; } #hautmenu a { border : 0; } par exemple ...

[MAP IMAGE] Problème avec design CSS

6 réponses

Discussions similaires