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 :

alignement vertical d'une puce


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de mdr_cedrick
    Profil pro
    Développeur multimédia
    Inscrit en
    Janvier 2008
    Messages
    374
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Développeur multimédia

    Informations forums :
    Inscription : Janvier 2008
    Messages : 374
    Par défaut alignement vertical d'une puce
    Bonjour à tous

    dans ul li tout simple j'ai un soucis d'alignement vertical de ma puce sous IE

    voici la css de ma liste

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    #menu_rub_haut .element
    {
    	list-style-image : url(./img/bp/fleche.gif);
    	list-style-position: outside;
    	margin-left:25px;
    	width:158px;
    }
    dans le cas où mon texte est très long, sous Mozilla la puce est alignée avec la 1ere ligne (donc impeccable) or sous IE (6 dans mon cas) l'alignement de la puce est vertical et donc centré au lieu d'être aligné aussi sur la 1ere ligne

    si vous avez une idée je suis preneur

    merci d'avance

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 15
    Par défaut
    Même problème, si quelqu'un peut nous aider...

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    98
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2008
    Messages : 98
    Par défaut
    Regardez peut-être du côté de marker-offset?

    Sans certitude... Je suis le thread.

    Autre solution :
    Mettre un background-image sur ton élément au lieu d'une puce. Avec un background-position: top left; et un padding-left.

    Cela ne règle pas le problème mais le contourne.

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 15
    Par défaut
    Merci pour ton aide.

    J'ai déjà ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .box-content li {list-style-image:url(http://idata.over-blog.com/2/20/35/50/puces-modif-5.gif); color:#291B1B; margin-left:10px; padding:0px;}

Discussions similaires

  1. Alignement vertical d'une cellule
    Par luxonet dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 22/01/2013, 17h14
  2. Alignement vertical dans une div
    Par Cheeper dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 18/02/2011, 14h38
  3. Comment faire un alignement vertical d'une image pour tous les navigateurs?
    Par Alexandrebox dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 06/04/2009, 14h10
  4. Alignement vertical dans une cellule
    Par afrodje dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 21/01/2009, 15h29
  5. Alignement vertical d'une balise DD
    Par Prue dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 22/08/2008, 10h18

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