HTML+CSS

George -  
Gihef Messages postés 5165 Statut Contributeur -
Bonsoir,
je suis en train de réalisé un petit site associatif et j'aimerais "mapper" le header de mon site, le problème c'est que toute les propriétés de mon header sont définie dans une feuille css, le voici :

#header {
position: relative;
z-index: 0;
width: 839px;
background: url(images/header.jpg) no-repeat;
height: 300px;}

donc dans mon index.htm je n'ai qu'un :

<div id="header">
....
<div>

donc où placer mon : USEMAP="#header"


peut-on l'intégrer au CSS ?
J'ai bien sur essayé en enlevant le bg du CSS et en mettant directement un <img src dans mon index, mais ma page est "déformé", tout le menu ect descend...


Merci de m'avoir lu et à tout ceux qui pourront faire avancer le Schmilblick.
A voir également:

7 réponses

atomy Messages postés 442 Statut Membre 92
 
Salut,

Selon moi, le mapping ne devrait pas causer problème avec le CSS... quel erreur ça te donne???
0
George
 
ça ne me donne aucune erreur ! mais ou dois-je mettre ce fameux USEMAP="#patati" étant donnée que mon image est défini dans un CSS.

Merci
0
atomy Messages postés 442 Statut Membre 92
 
Je crois que tu pourrais juste le mettre dans ton HTML, en donnant les coordonnées en dessus de l'image...
0
George
 
Lol non c'est parceque normalement il faut le mettre dans l'attribut IMG, donc du style :

<IMG SRC="djdeijfoe.htm" USEMAP="#jerrje">

hors la je n'ai pas de balise IMG puisqu'elle est définit dans un CSS !

Il faut à tout prix mettre en relation le USEMAP avec l'image, sinon le mapping ne fonctionnera pas !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bonjour,

Tu veux dire que tu as défini l'image comme arrière-plan d'un bloc par CSS ?

Dans ce cas, il faut que tu ajoutes dans ce bloc une image transparente de la même taille qui servira de base à “usemap”.
Le plus simple restant quand même d'utiliser l'image d'origine.

 --
0
George
 
Merci, oui voila en fait le problème vient du fait que l'image est utilisé en background, et si comme tu dis j'utilise l'image d'origine, comme ce n'est plus un background tout mes menus passent en dessous de l'img... et pour l'image transparente c'est peut-être pas une mauvaise idée, peux-tu me donner quelques pistes de recherche.(float, repeat...)

Merci
0
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Des propositions on peut t'en faire plusieurs.

Le plus simple est quand même que tu nous montres ce que tu as fait.
En ligne, avec l'image, et tout.

 --
0