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 :

Probleme menu html IE et firefox


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2009
    Messages : 18
    Par défaut Probleme menu html IE et firefox
    bonjour à tous,

    j'ai un petit soucis de menu html (simple). Mon problème est que sous Firefox il est comme je veux, alors que sous IE il foire... et je n'arrive pas à trouver le pourquoi du comment.

    pour plus de précision, j'utilise Dreamweaver.

    voici d abord 2 screens

    IE :



    Firefox :



    sous IE, on dirait que mon menu va vers le bas...

    voici le code html du menu :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div class="texte_normal" id="menu">
        <ul class="texte_menu">
          <li><a href="contact.html">CONTACT</a></li>
          <li><a href="portfolio.html">PORTFOLIO</a></li>
          <li><a href="infos.html">INFOS</a></li>
          <li><a href="presentation.html">PRESENTATION</a></li>
          <li><a href="index.html">ACCUEIL</a></li>
        </ul>
      </div>
    donc j'ai ma balise div qui s'appelle menu et dedans mes différents éléments

    voici le css de dream :

    Code css : 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
    #menu ul {
    	list-style-type: none;
    	margin: 0px;
    	padding: 0px;
    }
    #menu li {
    	padding-top: 0px;
    	margin-top: 0px;
    	margin-bottom: 0px;
     
    }
    #menu li a {
    	color: #FFFFFF;
    	font-family: Arial, Helvetica, sans-serif;
    	border-right-width: 1px;
    	border-left-width: 1px;
    	border-right-style: solid;
    	border-left-style: solid;
    	border-top-color: #666666;
    	border-right-color: #666666;
    	border-bottom-color: #666666;
    	border-left-color: #666666;
    	padding-top: 15px;
    	padding-right: 40px;
    	padding-left: 40px;
    	margin-right: 17px;
    	margin-left: 10px;
    	text-decoration: none;
    	display: block;
    	float: right;
    	clear: none;
    	height: 35px;
    }
    #menu li a:hover {
    	background-color: #191919;
    	color: #000000;
    	border: 1px groove #000000;
    }

    j'espère que c'est clair ^^ merci d'avances pour votre aide

  2. #2
    Membre confirmé
    Avatar de cahnory
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    203
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 203
    Par défaut
    Tu peux essayer comme ça (si tu as des questions sur les changements que j'ai fait pose les) :
    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
    #menu li {
    	padding-top: 0px;
    	margin-top: 0px;
    	margin-bottom: 0px;
     
    }
    #menu li a {
    	color: #FFFFFF;
    	font-family: Arial, Helvetica, sans-serif;
    	border: 1px solid #666;
    	border-width: 0 1px;
    	padding: 0 40px;
    	margin: 0 17px 0 10px;
    	text-decoration: none;
    	display: block;
    	float: right;
    	line-height: 35px;
    	height: 35px;
    }
    #menu li a:hover {
    	background-color: #191919;
    	color: #000000;
    	border: 1px groove #000000;
    }
    Je n'ai pas pu tester sur ie mais je pense que le problème pourrait venir du padding top. Ça m'étonne mais bon faut essayer .

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2009
    Messages : 18
    Par défaut
    j'ai essayé, mais ça ne fonctionne pas :s

Discussions similaires

  1. Réponses: 1
    Dernier message: 12/01/2007, 11h20
  2. [HTML] probleme codage html avec ie/firefox
    Par devilzaz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 20/02/2006, 01h00
  3. Probleme menu deroulant et frames
    Par rippoz dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/03/2005, 11h08
  4. [Applet]probleme page html
    Par Shiryu44 dans le forum Applets
    Réponses: 5
    Dernier message: 18/03/2005, 09h59
  5. Menu html
    Par BRAUKRIS dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 31/12/2004, 11h30

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