[RÉGLÉ] alignement de puce images avec retrait du texte

[nickg]

Bonjour,

Depuis plusieurs jours j'essaie d'aligner une liste de puces images sur un texte avec un retrait comme dans cet exemple,
http://dev5.y-globetrotter.fr/images/test/puce_org.jpg

j'utilise un template yootheme mais pour ce genre de demande ils ne sont pas très bavard . Quoi qu'il en soit j'ai réussi à aligner les puces verticalement mais les puces se dupliquent
http://dev5.y-globetrotter.fr/itineraires/test-puce

et là je bloque
Merci pour l'aide

[ghazal]

Re : alignement de puce images avec retrait du texte

Salut,
il faut que tu ajoutes un no-repeat :

.puce-text {
background: url("/images/logo/list_check.png") no-repeat;
list-style: outside none none;
padding: 2px 0 0 28px;
}

[PhilJ]

Re : alignement de puce images avec retrait du texte

Bonjour,

[...] j'ai réussi à aligner les puces verticalement mais les puces se dupliquent.

Ceci devrait convenir :

.puce-text {

background: url("/images/logo/list_check.png") no-repeat scroll 0 3px;

}


Cordialement,



PhilJ

[nickg]

Re : alignement de puce images avec retrait du texte

merci pour vos réponses
Avec
background: url("/images/logo/list_check.png") no-repeat;
j'ai bien maintenant une puce à chaque paragraphe mais elles sont pas alignées sur la première ligne

background: url("/images/logo/list_check.png") no-repeat scroll 0 3px;
je change rien de plus

[nickg]

Re : alignement de puce images avec retrait du texte

j'ai essayé d'autres code mais les puces sont pas alignées sur la ligne du texte

[PhilJ]

Re : alignement de puce images avec retrait du texte

j'ai essayé d'autres code mais les puces sont pas alignées sur la ligne du texte

...c'est-à-dire ?

[nickg]

Re : alignement de puce images avec retrait du texte

ok ca marche maintenant
mon code de liste n'était pas correct j'avais un <ul></ul> en trop
Et avec de l'aide j'ai rajouté background: url("/images/logo/list_check.png") no-repeat scroll 3px 5px rgba(0, 0, 0, 0);
merci de m'avoir mis sur la piste

[PhilJ]

Re : alignement de puce images avec retrait du texte

Bonjour,

Par contre avec firebug j'ai le code en double [...] C'est étrange ???

Ce n'est pas étrange : votre feuille de style custom.css est appelée 2 fois.

Regardez le code source de votre page (= CTRL+U) :

<link rel="apple-touch-icon-precomposed" href="/templates/yoo_moreno/apple_touch_icon.png">
<link rel="stylesheet" href="/templates/yoo_moreno/styles/nick_styles/css/bootstrap.css">
<link rel="stylesheet" href="/templates/yoo_moreno/styles/nick_styles/css/[COLOR=#008000]custom.css[/COLOR]">
<link rel="stylesheet" href="/templates/yoo_moreno/styles/nick_styles/css/theme.css">
<link rel="stylesheet" href="/templates/yoo_moreno/styles/nick_styles/css/[COLOR=#ff0000]custom.css[/COLOR]">