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 :

centrer verticalement list style image


Sujet :

Centrer un élément en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut centrer verticalement list style image
    Tout est dit dans le titre ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <li style="list-style-image: url(pics/ico_pdf.gif);	"> .../...</li>
    je voudrais que l'image et le texte soient centrés verticalement
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    101
    Détails du profil
    Informations personnelles :
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Mai 2009
    Messages : 101
    Par défaut
    Je dit peut être une bêtise mais

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <li style="list-style-image: url(pics/ico_pdf.gif);vertical-align:middle;	"> .../...</li>

    devrait marcher (même si on l'utilise plus dans les tables pour centrer le texte)

  3. #3
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Hello Spafy,

    On ne peut pas jouer sur le positionnement d'un list-style-image.
    Il faudrait mettre un background et le positionner via background-position :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <li style="background:url(pics/ico_pdf.gif) no-repeat left 3px; padding-left:20px;">  .../...</li>

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    j'avais essayé le vertical align ...

    j'ai procédé autrement j'ai collé l'image dans le li du coup le vertical-align fonctionne
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CSS 2.1] Centrer verticalement une image dans une liste
    Par demonixis dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 27/04/2011, 10h16
  2. Probleme avec list-style-image:url()
    Par orphen dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 03/04/2008, 16h30
  3. Décalage dans IE avec list-style-image
    Par creatchy dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 01/02/2007, 13h54
  4. list-style-image riquiqui a l'impression
    Par speedev dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/10/2006, 13h57

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