Comment intégrer des liens particuliers dans une image mappable ?

Bonjour !

Pour un site internet en html réalisé avec Dreamweaver, j'ai créé un bandeau dans lequel il existe 4 icônes stylisées "Facebook - j'aime", "Twitter", une imprimante et une enveloppe pour envoyer la page par mail. J'ai rendu l'image mappable (reseau.png) au niveau des boutons et des légendes des boutons.

<img src="../images/reseau.png" width="748" height="43" border="0" usemap="#reseau" />
<map name="reseau" id="reseau">
<area shape="rect" coords="627,16,667,32" href="lienmail" target="_blank" />
<area shape="rect" coords="587,11,619,32" href="lienmail" target="_blank" />
<area shape="rect" coords="450,14,524,33" href="lienimprimante" />
<area shape="rect" coords="416,10,441,35" href="lienimprimante" />
<area shape="rect" coords="286,15,345,33" href="lientwitter" />
<area shape="rect" coords="252,10,275,33" href="lientwitter" />
<area shape="rect" coords="116,17,200,32" href="lienfacebook" target="_blank" />
<area shape="rect" coords="86,9,110,36" href="lienfacebook" target="_blank" />
</map>

Je souhaiterais savoir comment créer des liens facebook (j'aime), twitter, imprimer la page et envoyer la page html par mail sur une image mappable. Pour l'impression, j'ai trouvé sur votre site un css spécifique impression (imprimante.css) que j'ai mis dans le head

<link href="../css/imprimante.css" rel="stylesheet" type="text/css" media="print" />

mais je ne sais pas comment l'intégrer dans cette image mappable.
Merci d'avance pour votre aide.

Salut Alphananou,

En ce qui concerne l'impression, l'idée est de créer un css exprès pour l'impression, où tu décides les éléments que tu veux voir, et de quelle manière.

Tu as un tuto bien fait sur Alsacréations: http://www.alsacreations.com/tuto/lire/586-feuille-style-css-print-impression.html

Quand au lien pour imprimer, fais directement appel à la fonction imprimer du navigateur:

exemple dans un lien (pour ton exemple) :

<a onclick="javascript:window.print()" href="#">Imprimer cette page</a>

voilou

Salut Dave33 !

Merci pour ta réponse. Ma question ne semble pas évidente d'après le nombre de visites sans réponse...

J'ai intégré le code, désormais c'est l'orientation de la page qui n'est pas bonne malgré le fait que j'ai intégré dans le CSS imprimante :

@page { /* Modifications : suppression de la bordure - marges */
	size:landscape !important;
	margin:auto;
	border:none;
}

As-tu une idée ?
Merci d'avance