Balise sans retour a la ligne
Résolu
legoff21
Messages postés
44
Date d'inscription
Statut
Membre
Dernière intervention
-
legoff21 Messages postés 44 Date d'inscription Statut Membre Dernière intervention -
legoff21 Messages postés 44 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis un débutant du HTML 5 et du CSS 3 qui vient de se lancer dans la confection d'un site.
Voila, j'aimerais faire un une page sommaire sur les types de vidéos présentes sur le site ( ex: drôle, musique etc...) pour sa j'ai fait des liens avec une images représentative et le titre de la catégorie. J'aimerai donc que les images soit positionner sous forme de grille et que chaque titre soit sous son image.
Seulement soit le titre et à gauche de l'image, soit les images sont les unes sous les autres.
Voila le code actuellement:
<img src="Categories/Drole.jpg" />
<figcaption>
<style="margin-left: 50px";><a href="drole.html">Vidéos Drole</a>
</figcaption>
<img src="Categories/Musique.jpg" />
<figcaption>
<style="margin-left: 50px";><a href="musique.html">Vidéos de Clip musicaux</a>
</figcaption>
ce qui fait que les images sont les unes en dessous des autres, alors serait t-il possible que la balise figcaption ne provoque pas de retour a la ligne ( ou bien n'importe qu'elle autre méthode ) ?
Cordialement legoff21
Je suis un débutant du HTML 5 et du CSS 3 qui vient de se lancer dans la confection d'un site.
Voila, j'aimerais faire un une page sommaire sur les types de vidéos présentes sur le site ( ex: drôle, musique etc...) pour sa j'ai fait des liens avec une images représentative et le titre de la catégorie. J'aimerai donc que les images soit positionner sous forme de grille et que chaque titre soit sous son image.
Seulement soit le titre et à gauche de l'image, soit les images sont les unes sous les autres.
Voila le code actuellement:
<img src="Categories/Drole.jpg" />
<figcaption>
<style="margin-left: 50px";><a href="drole.html">Vidéos Drole</a>
</figcaption>
<img src="Categories/Musique.jpg" />
<figcaption>
<style="margin-left: 50px";><a href="musique.html">Vidéos de Clip musicaux</a>
</figcaption>
ce qui fait que les images sont les unes en dessous des autres, alors serait t-il possible que la balise figcaption ne provoque pas de retour a la ligne ( ou bien n'importe qu'elle autre méthode ) ?
Cordialement legoff21
A voir également:
- Balise sans retour a la ligne
- Retour à la ligne excel formule - Guide
- Partager photos en ligne - Guide
- Notepad++ retour à la ligne ✓ - Forum Bureautique
- Retour à la ligne google sheet - Forum Google Docs
- Retour à la ligne google sheets android ✓ - Forum Google Docs
5 réponses
A tester, sans certitude :
Théoriquement l'élément "figcaption" devrait être contenu dans "figure"..
figure{
float:left;
display:inline;
width:900px:
height:90px;
}
Théoriquement l'élément "figcaption" devrait être contenu dans "figure"..
Salut,
Il est ou l'élément figure ?
D'après ce que j'ai lu, "figcaption" utilise un "display:block;" par défaut donc si vous utilisez un style "inline" avec un "float:left;" sur cet élément, ça devrait théoriquement aligner les images.
Non testé, pure supposition !
Il est ou l'élément figure ?
<figure> <img src="image.jpg" alt="" /> <figcaption>Légende associée</figcaption> </figure>
D'après ce que j'ai lu, "figcaption" utilise un "display:block;" par défaut donc si vous utilisez un style "inline" avec un "float:left;" sur cet élément, ça devrait théoriquement aligner les images.
Non testé, pure supposition !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question