Discussion :

[matthew89]

Bonjour,
J'aimerais faire un site de vidéo cependant je bloque un peu avec la page d'affichage des vidéos en ligne avec un petit descriptif dessous (titre,etc...)
Example sur Youtube:
http://www.hostingpics.net/viewer.ph...2examplecs.png (la balise img ne fonctionne pas pour ce lien).

J'utilise une boucle pour trouver chaque vidéo retournant : titre, image.
Comment faire pour afficher le titre sous l'image s'il vous plaît?
J'ai déjà essayé avec du padding-top mais ça ne fonctionne pas.

[Torgar]

Salut,

Et si tu nous montrais ton code ? Ma boule de cristal est en révision chez Madame Irma.

[matthew89]

Voici le "pseudo-code" que j'utilise:

Code :

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

1
2
3
4
5
6
7
8
 
 for(i=0;i<videos.size;i++)
{
  cheminVideo = mysql_result(videoPath,i);
  label = new label(mysql_result(titre,i));
  <img src= cheminVideo />;
  <label for="titre"/>. label
}

La partie ou je coince vraiment c'est le css car la j'ai le flow suivant :
img label img label...

Alors que moi je souhaite avoir :
img img img...
label label label...

[Muchos]

1. IMG et LABEL sont des balises en lignes, d'où le fait qu'elles se placent les unes derrière les autres.
2. LABEL ne se code pas comme ça, et ne sert pas ça !

Perso, je coderais ainsi :

Code html :

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

1
2
3
4
5
 
<figure>
  <img src="cheminVideo" />
  <figcaption>titreVideo</figcaption>
</figure>

[matthew89]

Ca ferait l'affaire en plus c'est simple merci!

[matthew89]

En fait ça ne marche pas dans le bon sens, en effet les caption sont en dessous des images mais il ne me les affiche pas en ligne (même avec un display-inline) :s.
ps : la réponse http://html5doctor.com/the-figure-figcaption-elements/