Decoler les puces des images
gwenm
Messages postés
594
Date d'inscription
Statut
Membre
Dernière intervention
-
flav1313 Messages postés 751 Date d'inscription Statut Membre Dernière intervention -
flav1313 Messages postés 751 Date d'inscription Statut Membre Dernière intervention -
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?
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
{
}
A voir également:
- Decoler les puces des images
- Des images - Guide
- Extraire les images d'un pdf - Guide
- Images enregistrées - Forum Gravure
- Les images enregistrées n'apparaissent plus - Forum Bureautique
- Superposer des images ✓ - Forum Graphisme
8 réponses
Soit tu places ton image en flottant et tu transformes le ul en block en y ajoutant une marge sur le coté gauche.
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.
Soit tu rajoutes un padding gauche dans le ul qui me semble être la solution la plus simple à ton problème.
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;}
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 ^^
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 ^^
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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:
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 ;)
#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 ;)
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.
C'est dommage de faire un tableau alors que les floats et les inline-block sont de toute beauté ^^.
Courage =).
Courage =).
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;
}