Discussion :

[sonny red]

bonjour

je n'ai pas besoin de programmer en général, sauf maintenant

j'ai des notions basiques de html mais apparament ce que je veux faire n'est pas possible avec html

voilà
je voudrais juste positionner du texte à coté d'une image sur une page html, j'ai regard vite fait les tutos mais ce cas précis est pas décrit
mon texte se retrouve systématiquement collé à l'image en bas à droite, ou alors en dessous

quelqu'un pourrait il me donner les commandes vite fait ?

[jaduta]

slt

ta solution existe en html
ce sont les <div></div> avec des CSS

[Orgied]

Code :

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

1
2
3
4
slt
 
ta solution existe en html
ce sont les <div></div> avec des CSS

là, j'avoue, je ne comprend pas ta réponse.

La solution réside dans les CSS avec la propriété float:left ou float:right sur l'image. De ce fait, le texte qui suit l'image se placera à sa droite ou a sa gauche.

[Auteur]

bonjour,

tout simplement :

Code html :

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

1
2
 
<img src="tonImage.jpg" alt="" style="vertical-align: middle" />texte à côté de l'image

vertical-align prend 3 valeurs :
- bottom (par défaut)
- middle
- top

[sonny red]

merci à vous

c'est déjà pas mal
bon alors il semblerait que pour une souplesse totale il faille faire du langage par exemple PHP

si je pouvais au moins avoir un peu d'air entre l'image et le texte ce serait super
ya surement une commande espace vide quleque part

&nbsp;
hspace ne semblent pas marcher à moins que je me gourre quelque pat

[Auteur]

avec l'attribut margin de l'image ?

[sonny red]

j'ai écrit comme ça :

<a href="www.blabla.com"><img src="blabla.jpg" alt=" " style="vertical-align: top" "margin-right:1cm" />BLA</a>

le but c'est une image cliquable avec à sa droite le lien cliquable aussi

mais le lien reste collé à l'image ça fait naze

[Auteur]

sépare les propriétés de l'attribut style par des points-virgules :

Code html :

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

1
2
 
<a href="www.blabla.com"><img src="blabla.jpg" alt=" " style="vertical-align:top; margin-right:1cm" />BLA</a>

[sonny red]

bingo !

c'etait le ; manquant et sans doute un guillemet en trop

merci encore

je me demande si c'est interessant d'apprendre un éditeur, et quelle degré de liberté il permet