Saut de ligne entre images html

Fermé
envy - 21 mars 2009 à 20:08
RomantikA Messages postés 27 Date d'inscription lundi 26 mai 2008 Statut Membre Dernière intervention 30 avril 2012 - 21 mars 2009 à 21:15
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

6 réponses

cheese42 Messages postés 860 Date d'inscription mardi 11 septembre 2007 Statut Membre Dernière intervention 10 octobre 2018 120
21 mars 2009 à 20:20
<br />
2
RomantikA Messages postés 27 Date d'inscription lundi 26 mai 2008 Statut Membre Dernière intervention 30 avril 2012 1
21 mars 2009 à 21:00
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.
1
cheese42 Messages postés 860 Date d'inscription mardi 11 septembre 2007 Statut Membre Dernière intervention 10 octobre 2018 120
21 mars 2009 à 20:21
e t pkoi tu mets 2 fois </a></a> ????
0
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é ^^
0

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.
0
RomantikA Messages postés 27 Date d'inscription lundi 26 mai 2008 Statut Membre Dernière intervention 30 avril 2012 1
21 mars 2009 à 21:15
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/>
0