IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Zone réactive dans un header


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de solorac
    Inscrit en
    Avril 2007
    Messages
    483
    Détails du profil
    Informations personnelles :
    Âge : 55

    Informations forums :
    Inscription : Avril 2007
    Messages : 483
    Par défaut Zone réactive dans un header
    Re bonjour,

    Je voudrais savoir comment faire pour mettre une zone réactive sur une partie de la photo qui se trouve dans le <div id="header"> de mon texte.

    Déjà, est-ce possible ?

    Merci pour vos aides

  2. #2
    Membre éclairé Avatar de solorac
    Inscrit en
    Avril 2007
    Messages
    483
    Détails du profil
    Informations personnelles :
    Âge : 55

    Informations forums :
    Inscription : Avril 2007
    Messages : 483
    Par défaut
    J'ai trouvé la solution.

    J'ai mis une div id à l'intérieur de mon id="header", dans laquelle j'ai paramétrer les marges. Et du coup mon image insérée peut être passé en zone réactive.

    Voiçi le code

    Html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div id="header">
    <div id="drap"><img src="images/angl.png" /></div>
    </div>
    Css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    #header {
    	width: 840px;
    	height: 134px;
    	margin: 0px auto;
    	background-image:url(images/image01-2.png);
    	/**background: url(images/image01-2.png) no-repeat;*/
    	font-family: Arial, Helvetica, sans-serif;
    	color: #FFFFFF;
    }
     
    #drap{margin-top:20px;
    margin-left:50px;
    }
    Voilà.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [HTML 4.0] problème zones réactives dans une image d'un tableau avec une feuille css
    Par scoubi77 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 19/02/2011, 17h33
  2. zones réactives dans un email
    Par mariondcdv dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 16/12/2009, 15h39
  3. Visionneuse dans zone réactive
    Par Danahu dans le forum Dreamweaver
    Réponses: 2
    Dernier message: 05/05/2009, 08h47
  4. [Dreamweaver 8] Onmouseover dans une zone réactive
    Par Nesta92 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 08/02/2008, 18h41
  5. Zone réactive dans une image
    Par janego dans le forum C++Builder
    Réponses: 3
    Dernier message: 19/11/2006, 13h23

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo