Problème alignement image par rapport au texte

[dragonlord]

Bonjour,

je n'arrive pas à placer une petite icone au format gif symbolisant le signe + dans mon paragraphe juste à côté du mot symbole; l'image se décale en bas à gauche après le texte, je l'ai pourtant placée directement après le mot symbole dans le code.

La page en question

Le CSS

merci d'avance !!

[ghost]

Bonjour,

Pouquoi ne pas laisser les puces dans ta liste et utiliser

list-style-image: url("image_puce.gif");

Cordialement.

[dragonlord]

euh désolé j'ai pas très bien compris

[ghost]

De mémoire, tu as un menu en :

ul

li - lien1

li - lien2

.......

dont tu suprimes les "puces" avec list-style-type: none; dans ton css

si tu mets à la place list-style-image: url("chemin_de ton _image.gif");

ton image "devient une puce" et sera centrée comme une puce, ce qui devrait te convenir au moins pour ton premier niveau d'arborescence

Plus d'info va voir Là

Cordialement

Ton css du menu : (enfin une partie)

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1em;
}

Modifié 22 Mai 2006 par ghost

[dragonlord]

Merci Ghost pour ta réponse,

mais je ne parlais pas du menu, mon image + se trouve simplement dans le premier paragraphe "Cliquer sur le symbole pour développer l'arborescence du plan", le + devrait se trouver juste après le mot symbole; il ne s'agit donc pas d'une liste mais d'une image dans un paragraphe

[captain_torche]

Le souci, c'est que dans ton CSS, tu définis un float:left; pour TOUTES tes images.

Il serait préférable que tu l'enlèves.

[ghost]

Oups, autant pour moi, ça m'apprendra à lire comme il faut ...

A ma décharge c'est ce qui m'avait semblé ne pas coller sur ta page ...

Bon, du coup, j'ai essayé de jeter un oeil matinal ...

Dans ton css, je ne trouve pas #plustext !! Ou alors faut que j'arrête le pastis dès le matin !

En plus tu utilises

img style=...... vertical-align: baseline;"

qui n'est efficace que pour les tableaux (enfin il me semble).

As tu essayé simplement <p class=""> bla bla bla <img scr="plus.gif" /> bla bla bla</p>

Désolé pour ma méprise.

Cordialement.

[dragonlord]

Ok merci je vais essayer ça vient surement du float: left attribué à toutes les images par défaut que j'avais oublié !

Merci tout le monde !!