Rechercher : dans
Par :

Saut de ligne entre images html

Dernière réponse le 21 mar 2009 à 21:15:37 envy, le 21 mar 2009 à 20:08:09 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 3.0.7

Meilleures réponses pour « saut de ligne entre images html » dans :
ImageMagick - Manipuler les images en ligne de commande VoirImageMagick est un formidable outil en ligne de commande qui permet de manipuler les images. L'avantage de cet outil est qu'il permet: d'automatiser les travaux sur les images (cela évite d'avoir à faire certaines manipulations dans...
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
[Outlook Express] Créer papier à lettre / Insérer image de fond VoirLe papier à lettre est une fonctionnalité de Outlook Express permettant d'égayer les courriers électroniques envoyés en insérant des illustrations (images, texte, etc.) en image de fond. Créer son papier à lettre sous Outlook Express Dans la fenêtre...
Télécharger Catalogue d'image VoirLorsque vous ne gérer pas votre banque d’image comme il faut, il vous sera plus difficile de retrouver une image spécifique. Alors que si vous assignez à chacun une identité, un tag, la recherche sera plus fructueuse. Catalogue d'image est un...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Introduction au HTML VoirPrésentation du HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent...

1

cheese42, le 21 mar 2009 à 20:20:09
  • +1

<br /> ----------------------------------------------------------------------
/  La vie ne vaut rien mais rien ne vaut la vie !!!!!  /
----------------------------------------------------------------------

Répondre à cheese42

2

cheese42, le 21 mar 2009 à 20:21:11

E t pkoi tu mets 2 fois </a></a> ???? ----------------------------------------------------------------------
/  La vie ne vaut rien mais rien ne vaut la vie !!!!!  /
----------------------------------------------------------------------

Répondre à cheese42

4

envy, le 21 mar 2009 à 20:49:03

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é ^^

Répondre à envy

5

RomantikA, le 21 mar 2009 à 21:00:08
  • +1

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.

Répondre à RomantikA

6

envy, le 21 mar 2009 à 21:09:16

J'ai essayé cela ne fonctionne toujours pas je ne sais pas pourquoi.

Merci quand même a vous pour l'aide.

Répondre à envy

7

 RomantikA, le 21 mar 2009 à 21:15:37

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/>

Répondre à RomantikA