Insertion d'une bannière à la place d'un menu.

mik-art

Nouveau WRInaute
Bonsoir,

je voudrais remplacer le menu en haut de mon site par cette image dont voici le code :

Code:
<img src="http://img687.imageshack.us/img687/8807/sanstitrebr.jpg" width="728" height="90" border="0" usemap="#map" alt="" /> <map name="map" id="map">
    <!-- #$-:Image map file created by GIMP Image Map plug-in -->
    <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
    <!-- #$-:Please do not edit lines starting with "#$" -->
    <!-- #$VERSION:2.3 -->
    <!-- #$AUTHOR:MickJo -->
    <area shape="rect" coords="0,6,123,28" href="http://www.peintremik-art.com/" />
    <area shape="rect" coords="132,8,246,29" href="http://www.peintremik-art.com/qui-suis-je-1/" />
    <area shape="rect" coords="256,9,311,29" href="http://www.peintremik-art.com/atelier/" />
    <area shape="rect" coords="319,10,379,30" href="http://www.peintremik-art.com/galerie/" />
    <area shape="rect" coords="385,11,499,31" href="http://www.peintremik-art.com/photographie/" />
    <area shape="rect" coords="3,52,106,71" href="http://www.peintremik-art.com/nouveau/" />
    <area shape="rect" coords="115,52,205,71" href="http://www.peintremik-art.com/diaporama/" />
    <area shape="rect" coords="213,53,298,72" href="http://www.peintremik-art.com/livre-d-or/" />
    <area shape="rect" coords="307,52,378,74" href="http://www.peintremik-art.com/boutique/" />
    <area shape="rect" coords="387,52,458,74" href="http://www.peintremik-art.com/blog-art/" />
    <area shape="rect" coords="467,51,534,73" href="http://www.peintremik-art.com/contact/" />
</map>

J'ai accès à l'HTML et au CSS du site, mais je ne suis as assez calé pour faire ceci. Merci d'avance pour votre aide.
 

HawkEye

WRInaute accro
Veux-tu vraiment remplacer des liens texte tout ce qu'il y a de plus parfait par des liens "area" sur une image ?
A ta place, je me renseignerais un peu sur ce qu'il est possible de faire en CSS pour habiller/transformer tes liens texte avec un peu de CSS, par exemple avec une technique de sprites CSS ;)
 

mik-art

Nouveau WRInaute
Oui c'est vrai, j'avais oublié que les liens "area" c'est pourri. Sinon, j'ai essayé de comprendre le CSS sprite, je n'ai pas réussi à faire fonctionner les codes. J'ai donc changé de design, c'était plus simple. Merci pour tes indications.
 

Discussions similaires

Haut