S'inscrire ! Pass oublié ?
Hyjoo
Portail Forums Jeux Flash Chat IRC Annuaire
Google

Code HTML pour légende image
Section : Nouvelles technologies
informatique et high tech


Actualiser  Hyjoo > Forums > Le village > Nouvelles technologies > Code HTML pour légende image

Code HTML pour légende image : Discussion sur le forum Nouvelles technologies (informatique et high tech : Informations et discussions sur l'informatique, les gadgets, le web et le high tech en général.)

 
Rechercher dans la discussion
 Code HTML pour légende image
 Nouvelles technologies : informatique et high tech
23/09/2007, 18h13 #1
Killua the killer 
Ombre

Killua the killer

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.
Killua the killer est déconnecté(e)
23/09/2007, 18h20 #2
Serafina 
Ombre

Serafina

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"/>
Serafina est déconnecté(e) Voir une photo de Serafina sur son profil
23/09/2007, 18h24 #3
Killua the killer 
Ombre

Killua the killer

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.
Killua the killer est déconnecté(e)
23/09/2007, 23h21 #4
NeoTiger 
Dragon

NeoTiger

Re : Code HTML pour légende image

Hum alors autant utiliser du Javascript pour faire ce tu désires.
NeoTiger est déconnecté(e)
24/09/2007, 03h23 #5
Amiral 
Ombre

Amiral

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.
Amiral est déconnecté(e) Voir une photo de Amiral sur son profil
08/10/2007, 19h46 #6
Killua the killer 
Ombre

Killua the killer

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"
Killua the killer est déconnecté(e)
08/10/2007, 20h04 #7
Quark 
Ombre

Quark

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 .
Quark est déconnecté(e) Voir une photo de Quark sur son profil
08/10/2007, 20h28 #8
Killua the killer 
Ombre

Killua the killer

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 ?
Killua the killer est déconnecté(e)
08/10/2007, 21h01 #9
Quark 
Ombre

Quark

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.
Quark est déconnecté(e) Voir une photo de Quark sur son profil

Navigation rapide:

« Discussion précédente | Discussion suivante »
Emplacement :
Actualiser  Hyjoo > Forums > Le village > Nouvelles technologies > Code HTML pour légende image

Utilisateurs regardant cette discussion : 0 ( membre(s) et 0 invité(s))

Discussions similaires 
Discussion Auteur Forum Réponses Dernier message
Comment créer une adresse html pour une galerie ? MadeIn Nouvelles technologies 5 20/01/2007 18h05
[HTML] Image en fond de cellule d'un tableau... Yoann91 Nouvelles technologies 8 21/11/2006 08h20
pour débutant comme pros laisser conseil et image site... mika.l L'atelier 8 02/11/2006 19h59
Le code pour déleter un perso, ou puis-je le trouver? lcypher Dragon Raja 6 09/03/2003 16h05
Comment fais ton pour avoir 1 image sou son nom? slann Le laboratoire 6 11/01/2003 09h19
Rechercher dans cette discussion 
Rechercher dans cette discussion:

Recherche avancée


Fuseau horaire GMT +2. Il est actuellement 04h14.

Edité par vBulletin - Copyright © 2000-2005 Jelsoft Enterprises Limited
Copyright © Hyjoo - Tous droits réservés