Discussion :

[a-sana]

Bonjour!

Je voudrais appliquer un style de positionnement sur une image.
J'ai essayé avec deux méthodes:
- J'ai écrit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src"#" style="padding-top:30px">

et ça n'a pas marché

- J'ai crée une classe "icone" qui contient mon style désiré et puis j'ai écrit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src"#" class="icone">

de même c'était pas une solution!

Quelqu'un peut me guider SVP?

Merci d'avance

[Bovino]

ça n'a pas marché

Vraiment explicite...

Le code que tu donnes est correct et provoque la création d'une marge intérieure de 30 pixels sur le bord haut de l'image, donc si "cela ne marche pas (sic)", c'est que tu ne sais pas transcrire ce que tu veux en CSS et comme tu n'as pas indiqué ce que tu veux, on ne peut pas t'aider...

[NoSmoking]

Bonjour,
<humour>
voilà au moins un post qui a le mérite de remuer les méninges
</humour>

Quelqu'un peut me guider SVP?

Avec grand plaisir, je ne fais jamais rien seul, mais encore faudrait-il que l'on sache ce qui te pose problème

Donnes nous le contexte, structure du document, et ton besoin détaillé.

[a-sana]

D'accord!

mon texte était:"Adresse: une adresse donnée"
j'ai remplacé le mot Adresse par une icone
jusqu'au là tout est bien!
maintenant je voudrais que l'icone se descend un peu de telle façon qu'il soit centrée par rapport au texte.
et voilà mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 <ul><img src="#" style="padding-top:30px">  Rue de Marseille...</ul>

[Bovino]

Les seules balises enfants correctes pour <ul> sont les balises <li> !

[NoSmoking]

Tout passe par vertical-align.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
li img{
  vertical-align:middle;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<ul>
  <li><img src="http://www.developpez.be/images/kitwarning.gif">Attention</li>
  <li><img src="http://www.developpez.com/template/kit/kitinfo.png"> Information</li>
</ul>

[a-sana]

Bonjour

Merci pour toute interaction.
oui la solution était avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

vertical-align:middle;

Cordialement