Saut de ligne entre images html
envy
-
RomantikA Messages postés 27 Date d'inscription Statut Membre Dernière intervention -
RomantikA Messages postés 27 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila je suis actuellement entrain d'essayer de me faire un site en html mais je rencontre actuellement un problème. Voici mon problème : http://slayder.web.17.free.fr/refonte_punk/design.php je n'arrive pas à faire de retour à la ligne, de saut de ligne entre les images. J'ai essayé avec les commandes <p></p> ou <br></br> mais cela ne fonctionne pas.
Voici mon cote html:
<a href="http://slayder.web.17.free.fr/photoshop/Bannier.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/Bannier.jpg" width="400" height="100" alt="destroyed"> </a></a>
<div style="height:50px;display:block;"> </div>
<a href="http://slayder.web.17.free.fr/photoshop/1337team.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/1337team.jpg" width="250" height="50" alt="1337"> </a></a>
<div style="height:50px;display:block;"> </div>
<a href="http://slayder.web.17.free.fr/photoshop/DesTroyeD.gif" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/DesTroyeD.gif" width="400" height="100" alt="flamme"> </a></a>
<div style="height:50px;display:block;"> </div>
<a href="http://slayder.web.17.free.fr/photoshop/FASHION.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/FASHION.jpg" width="200" height="200" alt="fashion"> </a></a>
<a href="http://slayder.web.17.free.fr/photoshop/Hitman%20Render~0.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/Hitman%20Render~0.jpg" border=0 width=232.5 height=65 alt="hitman"></a>
Avez vous une solution a me proposer ?
Merci
Voila je suis actuellement entrain d'essayer de me faire un site en html mais je rencontre actuellement un problème. Voici mon problème : http://slayder.web.17.free.fr/refonte_punk/design.php je n'arrive pas à faire de retour à la ligne, de saut de ligne entre les images. J'ai essayé avec les commandes <p></p> ou <br></br> mais cela ne fonctionne pas.
Voici mon cote html:
<a href="http://slayder.web.17.free.fr/photoshop/Bannier.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/Bannier.jpg" width="400" height="100" alt="destroyed"> </a></a>
<div style="height:50px;display:block;"> </div>
<a href="http://slayder.web.17.free.fr/photoshop/1337team.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/1337team.jpg" width="250" height="50" alt="1337"> </a></a>
<div style="height:50px;display:block;"> </div>
<a href="http://slayder.web.17.free.fr/photoshop/DesTroyeD.gif" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/DesTroyeD.gif" width="400" height="100" alt="flamme"> </a></a>
<div style="height:50px;display:block;"> </div>
<a href="http://slayder.web.17.free.fr/photoshop/FASHION.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/FASHION.jpg" width="200" height="200" alt="fashion"> </a></a>
<a href="http://slayder.web.17.free.fr/photoshop/Hitman%20Render~0.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/Hitman%20Render~0.jpg" border=0 width=232.5 height=65 alt="hitman"></a>
Avez vous une solution a me proposer ?
Merci
A voir également:
- Saut de ligne html
- Partage de photos en ligne - Guide
- Comment supprimer une page sur word avec un saut de page ? - Guide
- Mètre en ligne - Guide
- Editeur html - Télécharger - HTML
- Aller à la ligne excel - Guide
6 réponses
bonjour,
ba voui comme le dit cheese42, en général on va à la ligne avec <br/> quand tu n'as pas d'autres solutions, moi perso c'est ce que j'utilise le plus souvant. y'en a d'autres, mais après ça dépend de tes codes.
donc ce n'est ni <br> ou </br> (on utilise cette ponctuation plutôt pour une chaine comme <a href=""...>..</a> ou comme <select> ... </select> )
Dans ce cas là c'est différent, c'est juste <br/> . rien à voir.
Donc tu peux faire:
<a href="http://slayder.web.17.free.fr/photoshop/1337team.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/1337team.jpg" width="250" height="50" alt="1337"> </a>
<br/>
(avec un seul <br/> tu fais un retour à la ligne. Avec 2 <br/> tu fais un retour à la ligne + un saut de ligne.
et je pense que c'est ce qui t'interesse dans ce cas précis.
Puis comme le dit encore une fois cheese42, après un lien en <a href=""...>...</a> , il ne faut qu'un </a>
Comme dans l'exemple que je te donné en haut. Pou faire simple, ça reviens à une majuscule est un point.
Dans une phrase tu mets une majuscule en début de phrase et un point en fin. Ici c'est pareil:
<a href=""...> = la majuscule
et </a> = le point.
or dans une phrase on met généralement qu'un point. Donc il te faut écrire qu'une seule fois le </a>.
comme ça qu'on m'avais appris. C'est peut être confu et j'en suis désolé si c'est le cas... juste pour esayer de t'éclaircir. bon courage et bonne continuation.
Edit:
Désolé, je viens de voir que tu as déjà répondu.. le temp d'écrire... :s
Donc oublie pour le </a>. ^^
et pour le <br/> ça tiens tjr, il ten faut 2 pour un saut de ligne.
ba voui comme le dit cheese42, en général on va à la ligne avec <br/> quand tu n'as pas d'autres solutions, moi perso c'est ce que j'utilise le plus souvant. y'en a d'autres, mais après ça dépend de tes codes.
donc ce n'est ni <br> ou </br> (on utilise cette ponctuation plutôt pour une chaine comme <a href=""...>..</a> ou comme <select> ... </select> )
Dans ce cas là c'est différent, c'est juste <br/> . rien à voir.
Donc tu peux faire:
<a href="http://slayder.web.17.free.fr/photoshop/1337team.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/1337team.jpg" width="250" height="50" alt="1337"> </a>
<br/>
(avec un seul <br/> tu fais un retour à la ligne. Avec 2 <br/> tu fais un retour à la ligne + un saut de ligne.
et je pense que c'est ce qui t'interesse dans ce cas précis.
Puis comme le dit encore une fois cheese42, après un lien en <a href=""...>...</a> , il ne faut qu'un </a>
Comme dans l'exemple que je te donné en haut. Pou faire simple, ça reviens à une majuscule est un point.
Dans une phrase tu mets une majuscule en début de phrase et un point en fin. Ici c'est pareil:
<a href=""...> = la majuscule
et </a> = le point.
or dans une phrase on met généralement qu'un point. Donc il te faut écrire qu'une seule fois le </a>.
comme ça qu'on m'avais appris. C'est peut être confu et j'en suis désolé si c'est le cas... juste pour esayer de t'éclaircir. bon courage et bonne continuation.
Edit:
Désolé, je viens de voir que tu as déjà répondu.. le temp d'écrire... :s
Donc oublie pour le </a>. ^^
et pour le <br/> ça tiens tjr, il ten faut 2 pour un saut de ligne.
Donc par exemple a la fin de mon code html je met <br /> ? et sa me donnerai :
<a href="http://slayder.web.17.free.fr/photoshop/FASHION.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/FASHION.jpg" width="200" height="200" alt="fashion"> </a><br />
j'ai fais sa mais sa ne fonctionne pas.
pour les 2 </a> c'était une erreur de copié collé ^^
<a href="http://slayder.web.17.free.fr/photoshop/FASHION.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/FASHION.jpg" width="200" height="200" alt="fashion"> </a><br />
j'ai fais sa mais sa ne fonctionne pas.
pour les 2 </a> c'était une erreur de copié collé ^^
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'ai essayé cela ne fonctionne toujours pas je ne sais pas pourquoi.
Merci quand même a vous pour l'aide.
Merci quand même a vous pour l'aide.
De plus je viens de remarquer tes div...
pour cela je ne suis pas un profesionnel... mais si toutes tes images on les mêmes propriétés, il serait peut être plus simple d'ouvrir ta div au début de ta liste d'image. et de fermer ta div à la fin de ta liste.
je pense également que j'aurais préféré "configurer" les images avec un CSS (fiches de styles) du genre:
<style type="text/css">
<!--
.Style1
{
font-size: 16px
}
-->
</style>
que tu adapetera à tout tes liens par un <span> d genre :
<span class="Style1">ton image</span>
enfin c'est mon avis, je me trompe peut être, à voir....
____________________
As tu bien mis <br/><br/> pour fairre un saut de ligne?
comme cela:
<a href="http://slayder.web.17.free.fr/photoshop/1337team.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/1337team.jpg" width="250" height="50" alt="1337"> </a>
<br/> <br/>
pour cela je ne suis pas un profesionnel... mais si toutes tes images on les mêmes propriétés, il serait peut être plus simple d'ouvrir ta div au début de ta liste d'image. et de fermer ta div à la fin de ta liste.
je pense également que j'aurais préféré "configurer" les images avec un CSS (fiches de styles) du genre:
<style type="text/css">
<!--
.Style1
{
font-size: 16px
}
-->
</style>
que tu adapetera à tout tes liens par un <span> d genre :
<span class="Style1">ton image</span>
enfin c'est mon avis, je me trompe peut être, à voir....
____________________
As tu bien mis <br/><br/> pour fairre un saut de ligne?
comme cela:
<a href="http://slayder.web.17.free.fr/photoshop/1337team.jpg" target="_blank"><img src="http://slayder.web.17.free.fr/photoshop/1337team.jpg" width="250" height="50" alt="1337"> </a>
<br/> <br/>
