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 :

Décalage de menu


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 4
    Par défaut Décalage de menu
    Bonjour,

    J'ai les éléments de mes menu qui se décale,
    ca le fait pas tout le temps, mais assez souvent surtout quand on clic dans les menus

    voila le site pour voir :

    http://www.soma-creation.eu

    voila le code correspondant au menu,

    le 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
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
     
    <style type="text/css" media="screen">
    <!-- 
    body {
    margin: 0;
    padding: 0;
    background: white;
    font: 12px verdana, arial, sans-serif;
    color:#999999
    }
    dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    #menu {
     /* placement du menu, à modifier selon vos besoins */
    top: 0;
    left: 0;
    }
    #menu {
    width: 192px;
    }
    #menu dt {
    cursor: pointer;
    margin: 0;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-weight: bold;
    border: 0 none;
    background: #E5E5E5;
    }
    #menu dd {
    border: 0 none;
    }
    #menu li {
    text-align: left;
    background: #FFFFFF;
     
    }
    #menu li a, #menu dt a {
    color: #A7A8AB;
    text-decoration: none;
    display: block;
    border: 0 none;
    line-height: 15px;
    height: 15px;
    margin-top: 2px;
    margin-bottom: 2px;
    font: 10px verdana, arial, sans-serif;
    }
     
    #menu li a:hover, #menu dt a:hover {
    background: #A7A8AB;
    color: #FFFFFF;
    font-weight: bold;
    }
     
    -->
    </style>
    et dans la page pour le premier en haut a gauche par exemple :

    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
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
     
    <dl id="menu">
     
                        <dt>
                          <div align="left"><table width="140" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr><td>FORMULES</td></tr></table></div>
                        </dt>
     
                      <dd>
                                <ul>
                                    <li><a href="index.php?page=classique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="60">&nbsp;</td>
                              <td width="130">CLASSIQUE</td>
                            </tr></table></a></li>
                                    <li><a href="index.php?page=tonique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="60">&nbsp;</td>
                              <td width="130">TONIQUE</td>
                            </tr></table></a></li>
                                    <li><a href="index.php?page=dynamique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="60">&nbsp;</td>
                              <td width="130">DYNAMIQUE</td>
                            </tr></table></a></li>
                            <li><a href="index.php?page=devis"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="60">&nbsp;</td>
                              <td width="130">DEVIS EN LIGNE</td>
                            </tr></table></a></li>
                                </ul>
                     </dd>
     
                     <dt>
                        <div align="left"><table width="140" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr><td>REALISATIONS</td></tr></table></div>
                     </dt>
     
                     <dd>
                                <ul>
                                    <li><a href="index.php?page=exempleclassique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="60">&nbsp;</td>
                              <td width="130">FORMULE CLASSIQUE</td>
                            </tr></table></a></li>
                                    <li><a href="index.php?page=exempletonique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="60">&nbsp;</td>
                              <td width="130">FORMULE TONIQUE</td>
                            </tr></table></a></li>
                                    <li><a href="index.php?page=exempledynamique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="60">&nbsp;</td>
                              <td width="130">FORMULE DYNAMIQUE</td>
                            </tr></table></a></li>
                                </ul>
                     </dd>	
              	</dl>
    voila, merci de votre aide
    si vous voyez ce qui peut faire clocher

  2. #2
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Peut-être pourrais-tu décrire un peu mieux ton problème:
    - quels éléments se décallent?
    - sur quelle page?
    - avec quel navigateur?
    - comment faire apparaître le bug?
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

Discussions similaires

  1. Décalage sous-menu sous IE 6 et 7
    Par AurelieInfo dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 06/05/2010, 09h05
  2. Décalage sous menu à droite IE
    Par doc51 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 05/11/2009, 14h57
  3. Décalage dans Menu CSS
    Par NicoGT3 dans le forum Dreamweaver
    Réponses: 4
    Dernier message: 18/02/2009, 13h00
  4. Léger décalage de mon menu...
    Par Angeldu74 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 26/03/2006, 21h21

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