Decoler les puces des images

Bonjour,

J' essai tant bien que mal à faire un espace entre une image et les balises <ul> <li>.
http://nsa30.casimages.com/img/2012/09/13/120913095930873500.jpg

j' ai mis une marge sur mes images, mais les puces sont toujours mal placée, quel css ajouter?

#main ul li
{

}




--
La vie n'est pas telle qu'elle devrait etre. Elle est comme elle est.
> > C'est la facon dont nous la vivons qui fait la difference.

8 réponses

  • Votes
  • Date
  • Date décroissante
  1. Soit tu places ton image en flottant et tu transformes le ul en block en y ajoutant une marge sur le coté gauche.
    img{float : left;}
    ul{display : block; margin-left : 30px}


    Soit tu transformes ton image en inline-block et ton ul en inline-block et tu ajoutes une marge à gauche pour le ul ou une marge à droite pour l'image.
    img{display : inline-block; margin-right : 30px}
    ul{display : inline-block; margin-left : 30px}


    Soit tu rajoutes un padding gauche dans le ul qui me semble être la solution la plus simple à ton problème.
    ul{padding-left : 30px;}
    1. Normalement, tu as un fichier spécifique pour chaque partie (entete, corps, menu, ...).

      Sinon ouvre tous les fichiers CSS avec NotePad++, fais une recherche de ta div dans l'ensemble des Fichiers, tu sauras où elle se trouve ^^
      1. Je t'en prie.

        Donne moi un retour savoir si ça à fonctionner correctement.

        Flav
        1. en faite j' utilise joomla et il y a 36000 fichiés css! C'est la galère et comme je veut pas me planter, j' ai décider de faire comme cela:
          #imgentete {
              border-right: 1px dotted #CCC;
              float: left;
              margin-bottom: 15px;
              margin-left: 0;
              margin-right: 20px;
              padding: 0 20px;
              text-align: center;
          }
          sauf que maintenant il faut que trouve où mettre ce code...!

          J' ai bien entendu essayé ton 3ème point mais ca n' as pas marché..j' ai pas essayé les autre points par peur de me planter et de m'enerver car je ne vois pas pourquoi il n' y a pas d'espace par defaut autour des images dans ce cms! zut!

          Pardon, suis énervé mais pas contre toi ;)
          1. Merci pour ton aide .. du coup j' ait fait un tableau..pas la patience aujourd'hui de faire des recherche, surtout pour ce genre de problème qui pour moi ne devrais pas l' être.
            1. C'est dommage de faire un tableau alors que les floats et les inline-block sont de toute beauté ^^.

              Courage =).
              1. j' ai trouvé je pense le bon fichié css, que peut tu m'en dire?:
                #main ul
                {
                        list-style-position:outside;
                        list-style-type:square;
                        padding:0 0 0 15px;
                        margin:10px 0 10px 0px;
                }
                
                #main ol
                {
                        padding:0 0 0 20px;
                        margin:10px 0 10px 0px;
                                list-style-position:outside
                }
                
                #main ul li,
                #main ol li
                {
                        padding:0;
                        line-height:1.7em;
                        margin: 0;
                  
                }

                1. tout à l'heure j 'avais essayé comme ca avec ta 3ème proposition :
                  #main ul li,
                  #main ol li
                  {
                          padding:0;
                          line-height:1.7em;
                          margin: 0;
                          padding-left : 30px;
                    
                  }
                2. Oui je pense que tu tiens le bon fichier CSS.