Decoler les puces des images Fermé

Question

Bonjour, J' essai tant bien que mal à faire un espace entre une image et les balises

. 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 { } Configuration: Windows Vista / Firefox 15.0.1

flav1313 · Answer

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;}

gwenm · Answer

Ok, merki !

flav1313 · Answer

Je t'en prie.

Donne moi un retour savoir si ça à fonctionner correctement.

Flav

gwenm · Answer

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 ;)

flav1313 · Answer

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 ^^

gwenm · Answer

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.

flav1313 · Answer

C'est dommage de faire un tableau alors que les floats et les inline-block sont de toute beauté ^^.

Courage =).

gwenm · Answer

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;
  
}

Decoler les puces des images

8 réponses

Discussions similaires