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 :

<li> ne s'affiche pas sur IE mais s'affiche sur FF


Sujet :

CSS

  1. #1
    Débutant  
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    3 096
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mai 2005
    Messages : 3 096
    Points : 944
    Points
    944
    Par défaut <li> ne s'affiche pas sur IE mais s'affiche sur FF
    Bonjour,
    J'ai aussi un probleme d'affichage et je me demande si ce n'est mon CSS qui est faut.

    Voic mon 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
     
    li.menu{
    /*display:inline;*/
    float:left;
    list-style-position:inside;
    margin-right:10px;
    list-style-type:circle;
    }
    ul.menu{margin-left:-25px;}
     
    #menu{
    	position:relative;
    	text-align:center;
    }
    Voici la page:http://www.easycreate.ch/tentation/ (en construction)

    Sous FF, le "circle" de mes <li> s'affiche très bien. Par contre sous IE il n'y a aucun affichage. de plus les textes sont aligner a droite alors que sous FF, y a une marge.

    Sous FF, c'est ce que je veux et j'aimjerai bien que IE fasse de meme.

    Es-ce que mon CSS vous semble correct?
    Il ne suffit pas de tout savoir. Vouloir et persévérer, c'est déjà presque tout!

  2. #2
    Débutant  
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    3 096
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mai 2005
    Messages : 3 096
    Points : 944
    Points
    944
    Par défaut
    En fait je viens de penser que sous IE. etant donner que le "cicrcle" ne s'affiche pas, le texte prend sa place. c'est pourquoi il est plus a gauche. Non?

    En fait, j'aimerai que mon texte, avec les puce (type: circle) soit centré dans mon <div>
    Il ne suffit pas de tout savoir. Vouloir et persévérer, c'est déjà presque tout!

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Mars 2003
    Messages
    154
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2003
    Messages : 154
    Points : 164
    Points
    164
    Par défaut
    salut,

    text-align ne fonctionnera pas pour ce que tu essaies de faire mais tu te casses la tête pour pas grand chose je trouve.

    soit tu vires ta liste à puce et tu emploies simplement des liens à la suite l'un de l'autre (margin-right : 10px, c'est à peine plus qu'un espace en fin de compte)

    soit tu emploies des paddings à gauche et à droite pour centrer ta liste à puce (à faire à vue de nez mais vu que ton template est jelly, ça peut être fait).

    juste un autre commentaire : je vois pas l'intérêt d'appeller tout les éléments de div#menu par des class .menu. Dans le cas présent, ça te sert à rien.

Discussions similaires

  1. Réponses: 0
    Dernier message: 28/11/2012, 09h59
  2. [OL-2007] Les info bulles sur images ne s'affichent pas
    Par nicolas2603 dans le forum Outlook
    Réponses: 0
    Dernier message: 22/09/2011, 11h34
  3. [Requete] qui n'affiche pas les doublons mais sur un seul champs
    Par joseph.breham dans le forum Requêtes et SQL.
    Réponses: 2
    Dernier message: 19/12/2006, 14h57
  4. Etiquette sur graphe ne s'affiche pas en Acc2003
    Par micniv dans le forum Access
    Réponses: 3
    Dernier message: 25/09/2006, 10h27
  5. Appuyer sur la touche "." n'affiche pas la virgule
    Par loutsky dans le forum Access
    Réponses: 9
    Dernier message: 23/12/2005, 11h18

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