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

HTML Discussion :

Un petit souci de postionnement


Sujet :

HTML

  1. #1
    Nouveau membre du Club
    Inscrit en
    Mai 2006
    Messages
    62
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 62
    Points : 35
    Points
    35
    Par défaut Un petit souci de postionnement
    bonjour j'ai un petit souci j'ai mon code css :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    .haut {
    background-image: url(img/haut.gif);
    width: 727px;
    height: 113px;
    }
    .gauche {
    background-image: url(img/gauche.gif);
    width: 162px;
    height: 256px;
    }
    .corps {
    float: left;
    background-image: url(img/corps.gif);
    width: 540px;
    height: 253px;
    }
    .bas {
    background-image: url(img/bas.gif);
    width: 418px; 
    height: 60px;
    }
    .gauche, .corps{
    float: left;
    }
    .crlf{
    visibility: hidden;
    clear: both;
    }
    et je voudrais mettre sur l'image du menu ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    <?php
    echo '<ul class="menu"><a href="index.php?navigation"/>Navigation</a>';
    if (isset($_GET['navigation']))
    {
    echo '<li class="sous_menu"><a href="index.php"/>Accueil</a></li>';
    echo '<li class="sous_menu"><a href="index.php"/>Ajouter au favoris</a></li>';
    echo '<li class="sous_menu"><a href="index.php"/>Quitter</a></li>';
    }
    echo '</ul>';
     
    echo '<ul class="menu"><a href="index.php?membres"/>Espace Membre</a>';
    if (isset($_GET['membres']))
    {
    echo '<li class="sous_menu"><a href="index.php"/>Se connecter</a></li>';
    echo '<li class="sous_menu"><a href="index.php"/>Message</a></li>';
    }
    echo '</ul>';
     
    echo '<ul class="menu"><a href="index.php?graphiques"/>Graphiques</a>';
    if (isset($_GET['graphiques']))
    {
    echo '<li class="sous_menu"><a href="index.php"/>Design</a></li>';
    echo '<li class="sous_menu"><a href="index.php"/>Tutos</a></li>';
    } 
    echo '</ul>';
     
    echo '<ul class="menu"><a href="index.php?langages"/>Langage web</a>';
    if (isset($_GET['langages']))
    {
    echo '<li class="sous_menu"><a href="index.php"/>Tutos</a></li>';
    echo '<li class="sous_menu"><a href="index.php"/>Sources</a></li>';
    }
    echo '</ul>';
     
    echo '<ul class="menu"><a href="index.php?equipes"/>Léquipes</a>';
    if (isset($_GET['equipes']))
    { 
    echo '<li class="sous_menu"><a href="index.php"/>Qui se cache derrière ?</a></li>';
    echo '<li class="sous_menu"><a href="contact.php"/>Nous contacter</a></li>';
    } 
    echo '</ul>';
    ?>
    Merci de me dire comment je fais sur ma feuille css pour le positionner sur mon image menu.gif

  2. #2
    Membre confirmé Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Points : 484
    Points
    484
    Par défaut
    pour positionner une image d'arriere plan en css, il faut uriliser la poropriété background-position.

    wiki.media-box.net/documentation/css/

  3. #3
    Nouveau membre du Club
    Inscrit en
    Mai 2006
    Messages
    62
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 62
    Points : 35
    Points
    35
    Par défaut j'ai un petit doutte sur ta reponse
    Mais mon design est positionner parfaitement je veux juste que le contenu passe dessu .

  4. #4
    Membre confirmé Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Points : 484
    Points
    484
    Par défaut
    Je ne me rend pas compte du probleme as-tu une URL ou on pourrai voir ca ou une image, ca aiderai peu etre.

  5. #5
    Nouveau membre du Club
    Inscrit en
    Mai 2006
    Messages
    62
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 62
    Points : 35
    Points
    35
    Par défaut re
    Une capture decran du bordel pc c'est un menu deroulant en php !!
    Images attachées Images attachées  

  6. #6
    Membre confirmé Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Points : 484
    Points
    484
    Par défaut
    pour qu'un block passe au dessu utilise la propriéte z-index sur un bloock en position absolute ou relative.

    je pense qu'il faudrai que tu evite les images de fond de se repeter
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    	background-repeat:no-repeat;

Discussions similaires

  1. Petit soucis pour se connecter à l'adsl
    Par Blowih dans le forum Réseau
    Réponses: 4
    Dernier message: 28/07/2004, 00h16
  2. petit soucy de fenetre cmd
    Par FeetloveR666 dans le forum Windows
    Réponses: 5
    Dernier message: 03/07/2004, 14h24
  3. petit soucis lors d'un LOAD DATA INFILE
    Par Jovial dans le forum SQL Procédural
    Réponses: 9
    Dernier message: 04/06/2004, 11h58
  4. Réponses: 6
    Dernier message: 21/01/2004, 13h25
  5. [DEBUTANT] petits soucis avec un prgm de chat
    Par LechucK dans le forum MFC
    Réponses: 8
    Dernier message: 19/01/2004, 16h52

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