Code HTML pour légende image

	Code HTML pour légende image Informatique : Logiciels et materiel PC

23/09/2007, 18h13

Killua the killer

Dragon

Code HTML pour légende image

Alors voilà je voudrais savoir le code HTML pour avoir un petit texte qui se met juste en dessous de l'image, une sorte de légende pour avoir en gros ça :

Avatar

Mais que tout ce mette bien automatiquement, je pense qu'il faut rajouter une balise à l'intérieur de :

Code:

<img src"blabla.jpg" ?? >

Mais laquelle ??

Dernière modification par Killua the killer : 23/09/2007 à 18h20.

23/09/2007, 18h20

Serafina

Licorne

Re : Code HTML pour légende image

deja c'ets

Code:

<img src="blabla.jpg" />

Si tu veux rajouter une légende, qui s'affichera en laissant la souris dessus c'ets

Code:

<img src="blabla.jpg"  title="ton comm"/>

Voir une photo de Serafina sur son profil

23/09/2007, 18h24

Killua the killer

Dragon

Re : Code HTML pour légende image

Ouais je le connais ! Mais c'est pas vraiment celui là que je veux, parce que celui là, les visiteurs sont pas obligé de cliquer dessus et donc ne seront pas forcément renseigner, qu'avec celui que je veux on voit directement l'info.

23/09/2007, 23h21

NeoTiger

Phoenix

Re : Code HTML pour légende image

Hum alors autant utiliser du Javascript pour faire ce tu désires.

24/09/2007, 03h23 #5

Amiral

Archange

Re : Code HTML pour légende image

Utiliser du javascript reviendrait directement à faire

Code PHP:

  
 <img src="mon_image.png />
<br />
Voici mon texte en dessous

Autant directement inscrire le texte en dessous. Evidemment, si tu ne peux pas tu peux toujours essayer de contourner ça avec du javascript :

Code PHP:

  
 <img id="mon_image" src="mon_image.png onload="document.getElementById('mon_image').innerHtml = '<img src="mon_image.png /><br/>Voici mon texte en dessous';"/>

Mais bon...je ne sais même pas si ça marche le innerHtml dans une balise image.

08/10/2007, 19h46 #6

Killua the killer

Dragon

Re : Code HTML pour légende image

Citation

Posté par Amiral

Utiliser du javascript reviendrait directement à faire

Autant directement inscrire le texte en dessous. Evidemment, si tu ne peux pas tu peux toujours essayer de contourner ça avec du javascript :

Code PHP:

<img id="mon_image" src="mon_image.png onload="document.getElementById('mon_image').innerHtml = '<img src="mon_image.png /><br/>Voici mon texte en dessous';"/>

Mais bon...je ne sais même pas si ça marche le innerHtml dans une balise image.

J'ai essayé mais çà marche pas, mais je me suis peut-être trompé en recopiant le code.
Sachant que le code sans le texte en dessous est ça :

Code PHP:

  
 <a href="img/fr/shonen/shonen_01.jpg"><img border="0px" src="img/fr/shonen/shonen_01_small.jpg"></a>

J'aimerais écrire en dessous de l'image "Shonen Jump 01"

08/10/2007, 20h04

Quark

Minotaure

Re : Code HTML pour légende image

Le mieux est d'utilsier du CSS ( que je ne pratique plus depuis longtemps '-_-, donc désolé pour les erreurs ) :

<div style="text-align:center"><img src="source"/><br/>Hello World</div>

Bon là c'est tout moche et ça respecte pas les standards mais c'est ce qu'il y a de plus simple

08/10/2007, 20h28

Killua the killer

Dragon

Re : Code HTML pour légende image

Merci c'est exactement ça que je veux mais y a un HIC ! C'est que ça retourne a la ligne après chaque image, surement surement du <br> qui permet d'aligner le texte en dessous de l'image mais à cause de ça toute la ligne reviens a la ligne. Et comme c'est des petites images il doit au moins y'en avoir 6 par lignes. Ya un moyen pour arranger ça ?

08/10/2007, 21h01

Quark

Minotaure

Re : Code HTML pour légende image

Ah, dans ce cas là se serait plutôt

Code:

<div style="text-align:center;width:auto;" >
<img src="1.jpg" style="margin-bottom:1px;" />

<span style="position:relative;top:-2px;">Hello world
</div>

Mais c'est vraiment pas beau. Attention, il faut régler le top:-2px en fonction de la taille de la police.

http://fr.selfhtml.org est un excellent site pour découvrir le CSS.

Code HTML pour légende image
Section : Informatique
Logiciels et materiel PC

Code HTML pour légende image : Discussion sur le forum Informatique (Logiciels et materiel PC : Informations et discussions sur les ordinateurs, les logiciels ou le materiel pc, la programmation et le high tech en général.)

Code HTML pour légende imageSection : InformatiqueLogiciels et materiel PC

Code HTML pour légende image : Discussion sur le forum Informatique (Logiciels et materiel PC : Informations et discussions sur les ordinateurs, les logiciels ou le materiel pc, la programmation et le high tech en général.)

Code HTML pour légende image
Section : Informatique
Logiciels et materiel PC