Problème d'alignement d'images en HTML!
Zephir432
Messages postés
32
Date d'inscription
Statut
Membre
Dernière intervention
-
briiiiix Messages postés 575 Date d'inscription Statut Membre Dernière intervention -
briiiiix Messages postés 575 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je me suis tout juste commencé un site web qui parle de voitures.
Évidemment, j'ai mis quelques photos de voitures et j'ajoute à chaque fois un petit texte pour décrire la photo.
Le problème est que je veux placer le mini-texte en-dessous de la photo. J'ai essayé de mettre un <br /> à la fin de la balise <img />, mais je n'y arrive toujours pas...
Aidez moi S.V.P!
Je me suis tout juste commencé un site web qui parle de voitures.
Évidemment, j'ai mis quelques photos de voitures et j'ajoute à chaque fois un petit texte pour décrire la photo.
Le problème est que je veux placer le mini-texte en-dessous de la photo. J'ai essayé de mettre un <br /> à la fin de la balise <img />, mais je n'y arrive toujours pas...
Aidez moi S.V.P!
A voir également:
- Problème d'alignement d'images en HTML!
- Editeur html - Télécharger - HTML
- Des images - Guide
- Images enregistrées ✓ - Forum Bluetooth
- Espace en html ✓ - Forum HTML
- Voir ses images enregistrés - Forum Blender
4 réponses
Bonsoir,
Essaie juste <br> sans le slash. Ça fait un peu longtemps que j'ai pas fait de HTML mais je me souviens que j'utilisais <br> et ça sautait les lignes nickel... Et puis <br />, je crois bien que c'est réservé au XHTML. Si ça marche toujours pas et que tu utilises un logiciel WYSIWYG comme Nvu (ou Kompozer), passe en mode "visuel", tape "enter" et regarde le code correspondant dans le mode "source".
Bon courage =)
Essaie juste <br> sans le slash. Ça fait un peu longtemps que j'ai pas fait de HTML mais je me souviens que j'utilisais <br> et ça sautait les lignes nickel... Et puis <br />, je crois bien que c'est réservé au XHTML. Si ça marche toujours pas et que tu utilises un logiciel WYSIWYG comme Nvu (ou Kompozer), passe en mode "visuel", tape "enter" et regarde le code correspondant dans le mode "source".
Bon courage =)
Merci pour ton conseil.
En fait, quelle est la difference entre xhtml et html?
En fait, quelle est la difference entre xhtml et html?
Je n'ai jamais pratiqué le XHTML, mais il se différencie du HTML par:
-des éléments toujours emboîtés (pas de chevauchement)
-des balises non-vides ayant toujours un "début" et une "fin" (ex <p>...</p>)
-des balises vides terminées par un slash (et là le fameux <br />)
-des valeurs d'attribut entre guillemets
...et plein d'autre trucs un peu durs à comprendre XD
-des éléments toujours emboîtés (pas de chevauchement)
-des balises non-vides ayant toujours un "début" et une "fin" (ex <p>...</p>)
-des balises vides terminées par un slash (et là le fameux <br />)
-des valeurs d'attribut entre guillemets
...et plein d'autre trucs un peu durs à comprendre XD
le html n'est pas "vieux" ! et le xhtml 1.0 est en fait du html 4, tout comme le html 4.01.
Une petite lecture s'impose je pense...
http://css.mammouthland.net/balises-html.php#xhtml
Une petite lecture s'impose je pense...
http://css.mammouthland.net/balises-html.php#xhtml
Essaie ça:
- Tu crée une div qui contiendra l'image et le texte, je donne juste un exemple:
<div style="width:100px; height:150px; float:left;">
- Dedans tu mettra une autre qui contiendra l'image:
<div style="width:90px; height:120px; float:left; margin:5px 5px 5px 5px;">
<img .........../> </div>
- Enfin une autre div pour le texte
<div style="width:90px; height:20px; float:left; margin:5px 5px 5px 5px;">
Texte </div>
- Et n'oubli pas de fermer la première div
</div>
Voila
- Tu crée une div qui contiendra l'image et le texte, je donne juste un exemple:
<div style="width:100px; height:150px; float:left;">
- Dedans tu mettra une autre qui contiendra l'image:
<div style="width:90px; height:120px; float:left; margin:5px 5px 5px 5px;">
<img .........../> </div>
- Enfin une autre div pour le texte
<div style="width:90px; height:20px; float:left; margin:5px 5px 5px 5px;">
Texte </div>
- Et n'oubli pas de fermer la première div
</div>
Voila
Merci, mais j'ai un autre problème... <code>
J'ai voulu faire une image contenue dans un lien. (C'est une image lien qui mène à l'accueil)
Le problème est que je veux la positionner en haut à gauche et mettre un margin-top et margin-left d'environs 50px chacun, mais je ne sais pas comment faire.
J'ai essayé de faire ceci:
(CODE CSS)
a img{ /*Tout les images contenues dans un lien*/
display: block;
border: 0;
position: top left;
margin-top: 50px;
margin-left: 50px;
}
JE SAIS QU'IL Y A QUELQUE CHOSE QUI NE FONCTIONNE PAS MAIS JE NE SAIS PAS QUOI!
J'ai besoin d'aide.
J'ai voulu faire une image contenue dans un lien. (C'est une image lien qui mène à l'accueil)
Le problème est que je veux la positionner en haut à gauche et mettre un margin-top et margin-left d'environs 50px chacun, mais je ne sais pas comment faire.
J'ai essayé de faire ceci:
(CODE CSS)
a img{ /*Tout les images contenues dans un lien*/
display: block;
border: 0;
position: top left;
margin-top: 50px;
margin-left: 50px;
}
JE SAIS QU'IL Y A QUELQUE CHOSE QUI NE FONCTIONNE PAS MAIS JE NE SAIS PAS QUOI!
J'ai besoin d'aide.
position:top left n'existe pas.
C'est position:absolute ou position:relative (ou encore fixed), et ensuite les valeurs à donner à top et left.
exemple :
Mais attention, ce genre de positionnements demande de bien savoir ce qu'on fait et comment ça fonctionne.
Il faudrait peut-être d'abord apprendre les langages et ne pas essayer de bruler les étapes.
On commence donc par le commencement :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
https://openweb.eu.org/articles/initiation_flux/
https://openweb.eu.org/articles/initiation_float/
https://openweb.eu.org/articles/initiation_absolue/
C'est position:absolute ou position:relative (ou encore fixed), et ensuite les valeurs à donner à top et left.
exemple :
position:absolute; top:0; left:10px;
Mais attention, ce genre de positionnements demande de bien savoir ce qu'on fait et comment ça fonctionne.
Il faudrait peut-être d'abord apprendre les langages et ne pas essayer de bruler les étapes.
On commence donc par le commencement :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
https://openweb.eu.org/articles/initiation_flux/
https://openweb.eu.org/articles/initiation_float/
https://openweb.eu.org/articles/initiation_absolue/
