HTML+CSS

Fermé
George - 13 févr. 2008 à 21:57
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 14 févr. 2008 à 14:46
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 441 Date d'inscription jeudi 25 janvier 2007 Statut Membre Dernière intervention 11 août 2009 92
13 févr. 2008 à 22:01
Salut,

Selon moi, le mapping ne devrait pas causer problème avec le CSS... quel erreur ça te donne???
0
ç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 441 Date d'inscription jeudi 25 janvier 2007 Statut Membre Dernière intervention 11 août 2009 92
13 févr. 2008 à 22:09
Je crois que tu pourrais juste le mettre dans ton HTML, en donnant les coordonnées en dessus de l'image...
0
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 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
13 févr. 2008 à 23:59
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
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 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
14 févr. 2008 à 14:46
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