Fond d'écran avec map

Fermé

KuPq - 20 nov. 2008 à 14:50
KuPq - 20 nov. 2008 à 17:47

Bonjour,

Voilà, j'aimerais ajouter des zones cliquable (à l'aide de <map>) sur mon fond d'écran mais je trouve toujours un des problèmes suivants:

=> Je fais redimensionner l'image en fonction de la taille de la fenêtre, et dans ce cas là, les zones cliquables ne se place plus au bon endroit, pour garder les bonne coordonnées.

=> Je défini une taille fixe à mon image de fond, et dans ce cas la, mon image ne prendra pas la taille entière de la fenêtre en fonction de la résolution du visiteur et en fonction de la tailler de la fenêtre.

J'aimerais, en gros faire un "mix" des deux. C'est à dire garder mon image de fond qui s'adapte a la fenêtre, avec des zones cliquables qui reste au bon endroit sur mon image.

Voici mon code:

<quote> <body>

<div id="arriere">

<MAP NAME="Map">

<AREA SHAPE="rect"
HREF="danse.html"
COORDS="110,200,200,225">

<AREA SHAPE="rect"
HREF="peinturefille.html"
COORDS="110,250,265,275">

<AREA SHAPE="rect"
HREF="index.html"
COORDS="110,300,227,325">

<AREA SHAPE="rect"
HREF="index.html"
COORDS="110,342,310,368">

<AREA SHAPE="rect"
HREF="index.html"
COORDS="110,384,217,415">

<AREA SHAPE="rect"
HREF="contact.html"
COORDS="110,432,260,465">

</MAP>
<IMG id="arriere" class="uncadre" SRC="pagefille.jpg"

USEMAP="#Map"></div>

</body> </quote>

Et mon css:

<quote>

html, body {
margin:0;
padding:0;
height: 100%;
width: 100%;
}
#arriere {
/* dimension et positionnement du bloc conteneur de l'image */
left: 0em;
top: 0em;
height : 600px;
width : 1020px;
}
#arriere img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}
#arriere p {

top: 1em;
left: 1em;
font-size: 1.5em;
color: white;
}

#blocvide
{
display: block;
position: absolute;
width: 200px;
height: 200px;
left: 20px;
top: 20px;
}

.uncadre
{
border: none; /* Pas de bordure */
outline: none;
}

</quote>

Voilà, en espérant que quelqu'un puisse m'aider ....

Merci et Bonne Journée

A voir également:

Fond d'écran avec map
Google map satellite gratuit - Guide
Double ecran - Guide
Comment mettre une vidéo en fond d'écran - Guide
Capture d'écran whatsapp - Accueil - Messagerie instantanée
Capture d'écran samsung - Guide

1 réponse

Réponse 1 / 1

KuPq
20 nov. 2008 à 17:47

Toujours personne ?

Discussions similaires

Fond d'écran qui devient noir

Fond d'écran rogné et zoomé

mon arrière plan est noire

Fond d'écran à mon carousel