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 :

Menu sur image dans un div "header"


Sujet :

CSS

  1. #1
    Membre actif
    Homme Profil pro
    Inscrit en
    Mars 2010
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations forums :
    Inscription : Mars 2010
    Messages : 93
    Par défaut Menu sur image dans un div "header"
    salut tous le monde
    j'aimerais savoir comment faire en css pour positionner un menu fait en table ou en ul sur une img qui occupe toute la surface d'un div parent.

    voila le code html de la partie header :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <div id="header" >
        	<img src="../images/degrade.png" class="img_header"  />
        	<table id="t_menu" class="t_menu" >
       	  <tr >
                	<td><a href="" >page1</a></td>
                	<td><a href="" >page2</a></td>
                	<td><a href="" >page3</a></td>
                	<td><a href="" >page4</a></td>
                	<td><a href="" >page5</a></td>
                </tr>
            </table>
    </div>
    et merci d'avance.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    mets l'image en background.

  3. #3
    Membre actif
    Homme Profil pro
    Inscrit en
    Mars 2010
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations forums :
    Inscription : Mars 2010
    Messages : 93
    Par défaut
    oui mais je veux une image d"arrière plan étirable

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    il existe en CSS3 background-position, sinon en mettant les dimensions de l'image à 100% cela devrait le faire, pour peu que l'image soit déclarée en position:absolute et que la DIV conteneur soit en position:relative.

  5. #5
    Membre actif
    Homme Profil pro
    Inscrit en
    Mars 2010
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations forums :
    Inscription : Mars 2010
    Messages : 93
    Par défaut
    Merci beaucoup, c'est reglé.

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

Discussions similaires

  1. Commentaire sur image dans header
    Par solorac dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 24/08/2009, 15h32
  2. [CSS] Image dans un Div -> problème de hauteur
    Par Torpedox dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 02/02/2006, 23h40
  3. Centrer verticalement une image dans un div
    Par sovitec dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 20/12/2005, 16h36

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