[HTML-CSS] Image de fond et image map

Image de fond et image map [HTML-CSS] - Web design - Graphisme

Marsh Posté le 28-11-2005 à 15:53:02    

Salut, j'ai une question probablement débile au sujet d'un petit souci html.
 
Dans une page j'ai une <div> avec une background-image, dans laquelle je niche une autre <div> contenant du texte, qui apparait donc en surimpression sur la sus-dite image.
Et en fait il m'arrangerait grandement que cette image de fond de la première <div> possède des zones cliquables différenciées. :o
 
En gros, est il possible de lier une image-map à l'image-background d'une <div>, ou de ruser pour simuler un tel comportement?? :D
 
Merci. :hello:


Message édité par Leg9 le 28-11-2005 à 15:56:36

---------------
If I could start again, a million miles away, I would keep myself, I would find a way... "Loreleï's dead ; Heaven is about to fuzz."
Reply

Marsh Posté le 28-11-2005 à 15:53:02   

Reply

Marsh Posté le 28-11-2005 à 16:02:50    

Ouais il faut mettre des liens tout simplement. Par contre les formes de tes zones cliquables seront forcement rectangulaires...
 
<div class="background">
<a href="page1.html" class="liens1"></a>
<a href="page2.html" class="liens1"></a>
</div>
 
Ensuite dans ton fichier css il te suffit de spécifier une largueur et une haute à ces liens (un float: left sera certainement nécessaire également) et de les positionner (top & left).

Reply

Marsh Posté le 28-11-2005 à 16:14:11    

Ok, je vois, solution "ruse" donc. :D
Je teste, merci. :hello:


Message édité par Leg9 le 28-11-2005 à 16:14:41

---------------
If I could start again, a million miles away, I would keep myself, I would find a way... "Loreleï's dead ; Heaven is about to fuzz."
Reply

Marsh Posté le 28-11-2005 à 16:42:29    

Ok, c'est nickel, ça marche.
Merci encore. :o


---------------
If I could start again, a million miles away, I would keep myself, I would find a way... "Loreleï's dead ; Heaven is about to fuzz."
Reply

Marsh Posté le 28-11-2005 à 17:28:03    

De rien  :hello:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed