28234 sujets

CSS et mise en forme, CSS3

Liste et centrer contenu de la liste

Bonjour,

J'ai une liste ou j'ai mis une image en puce mais je n'arrive pas à center le contenu du li. Voilà, le code HTML :

<div id="container_central">
           <div style="float:left;margin-right: 25px;">            
            <ul style="ist-style-type: none;">
              <li style="margin-left: 125px; display : list-item;list-style-image: url(http://monsite.com/site_ccpf_test/media/mod_slideshowck/dechets_picto.png); ">     
                  
                    <span>Service Déchets :</span><br />
                    <img style="margin-right: 5px;" src="http://monsite.com/site_ccpf_test/media/croix_savoie.png" alt="" />
                    <a href="http://monsite.com/site_ccpf_test/pages/article.php?_lngweb=fr&_rubParent=75&_rubId=77">En savoir plus...</a>
                                 
              </li>
              <li style="margin-left: 125px;list-style-image: url(http://monsite.com/site_ccpf_test/media/mod_slideshowck/eef_picto.png);">
                <span>Espace Emploi et Formation :</span><br />
                <img style="margin-right: 5px;" src="http://monsite.com/site_ccpf_test/media/croix_savoie.png" alt="" />
                <a href="http://monsite.com/site_ccpf_test/pages/article.php?_lngweb=fr&_rubParent=75&_rubId=78">En savoir plus...</a>
              </li>
              <li style="margin-left: 125px;list-style-image: url(http://monsite.com/site_ccpf_test/media/mod_slideshowck/pepiniere_picto.png);">
                <span>Pépiniére d'entreprises, La Clé :</span><br />
                <img style="margin-right: 5px;" src="http://monsite.com/site_ccpf_test/media/croix_savoie.png" alt="" />
                <a href="http://monsite.com/site_ccpf_test/pages/article.php?_lngweb=fr&_rubParent=12&_rubId=42&_id=119">En savoir plus...</a>
              </li>
              <li style="margin-left: 125px;list-style-image: url(http://monsite.com/site_ccpf_test/media/mod_slideshowck/ts_picto.png);">
                <span>Transports Scolaires :</span><br />
                <img style="margin-right: 5px;" src="http://monsite.com/site_ccpf_test/media/croix_savoie.png" alt="" />
                <a href="http://monsite.com/site_ccpf_test/pages/article.php?_lngweb=fr&_rubParent=75&_rubId=79">En savoir plus...</a>
              </li>
              <li style="margin-left: 125px;list-style-image: url(http://monsite/site_ccpf_test/media/mod_slideshowck/randonnee_picto.png);">
                <span>Randonnée :</span><br />
                <img style="margin-right: 5px;" src="http://monsite.com/site_ccpf_test/media/croix_savoie.png" alt="" />
                <a href="http://monsite.com/site_ccpf_test/pages/article.php?_lngweb=fr&_rubParent=74&_rubId=74">En savoir plus...</a>
              </li>
            </ul>
          </div>                 
        </div>


Merci d'avance
Modifié par xillibit (30 Jan 2013 - 11:04)
Smiley eek Oula, c'est vraiment crado de mettre le CSS dans chaque balise comme ca.
Tu ferrais mieux te tout mettre sois dans le head 

<head>
    <title>Ma page</title>
    <style type="text/css">
      .class { color: navy; }  
      #div { color: blue; }  
    </style>               
  </head>

Soit dans une feuille externe

<head>
    <title>Ma page</title>
    <link rel="stylesheet" type="text/css" href="messtyles.css">
  </head>


Et pour répondre à ta question, enfin si je l'est bien compris

li{text-align:center}

Modifié par Cancre (30 Jan 2013 - 11:22)
Sujet clos
Aller à