[MAP IMAGE] Problème avec design CSS
Carotte77
Messages postés
579
Statut
Membre
-
pitxu Messages postés 708 Statut Membre -
pitxu Messages postés 708 Statut Membre -
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 !
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 !
A voir également:
- [MAP IMAGE] Problème avec design CSS
- Google map satellite gratuit - Guide
- Image iso - Guide
- Google map ma position - Guide
- Légender une image - Guide
- Telecharger carte google map - Guide
6 réponses
Slt,
ton code html est certainement organisé en division (<div> </div>).
Identifie celle où ton logo est inséré, il faut ensuite y mettre un lien de type :
<a href="http://www.commentçamarche.net"></a>
ton code html est certainement organisé en division (<div> </div>).
Identifie celle où ton logo est inséré, il faut ensuite y mettre un lien de type :
<a href="http://www.commentçamarche.net"></a>
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 !
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 ?
<div id="hautmenu>
<div align="center"><img src="images/header.jpg" alt="header" width="800" height="50" /> </div>
</div>
css : #hautmenu
non ?
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 ?
<div id="hautmenu>
<div align="center"><img src="images/header.jpg" alt="header" width="800" height="50" /> </div>
</div>
css : #hautmenu
non ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
@ 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 ?
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 ?
Et bien il faut que tu trouves le code
<div id="hautmenu"> </div>
et que tu le transformes en
<div id=hautmenu><a href="monlien.fr"></a></div>
Mais si tu as un autre contenu que ton image entre les balises <div id="hautmenu"> </div>
tu devras créer une sous-catégorie dans ton css pour la balise <a>
#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 ...
<div id="hautmenu"> </div>
et que tu le transformes en
<div id=hautmenu><a href="monlien.fr"></a></div>
Mais si tu as un autre contenu que ton image entre les balises <div id="hautmenu"> </div>
tu devras créer une sous-catégorie dans ton css pour la balise <a>
#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 ...