Version complète: sur le forum Webmaster Hub : Problème alignement image par rapport au texte
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
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
CODE
list-style-image: url("image_puce.gif");


Cordialement.
dragonlord
euh désolé j'ai pas très bien compris wacko.gif
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

Cordialement

Ton css du menu : (enfin une partie)

CODE
#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1em;
}
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
CODE
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 !!
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.