dans une boucle for ou mettre <br/> ( résolu )

dans une boucle for ou mettre <br/> ( résolu ) - HTML/CSS - Programmation

Marsh Posté le 13-01-2013 à 22:35:49    

Bonjour.
 
Je progresse dans mon apprentissage du php.
Je souhaite utiliser un boucle for pour remplacer ce code html long et répétitif ( il y a 18 lignes comme celles là ):
 
                <div class="image"><img src="images/Chateaux_Cathares/photo1.jpg" alt="photo1 /> </div>
                <div class="image"><img src="images/Chateaux_Cathares/photo2.jpg" alt="photo2 /> </div>
                <div class="image"><img src="images/Chateaux_Cathares/photo3.jpg" alt="photo3 /> </div>
Par çà :
 
<?php  
$maxi=18;
for ($nbre=1;$nbre<=$maxi;$nbre++)
{
echo '<div class="image"><<img src="images/Chateaux_Cathares/photo'.$nbre.'.jpg" alt="phot'.$nbre.'/></div> />';
}
?>
 
Je voudrais que cela génère 18 lignes de code HTML ( en fait ça met tout bout à bout ). Où placer un <br /> dans mon code php ? N'y a t il pas une erreur dans mon code php ?
 
Merci.

Message cité 1 fois
Message édité par sagamore le 14-01-2013 à 22:35:19
Reply

Marsh Posté le 13-01-2013 à 22:35:49   

Reply

Marsh Posté le 13-01-2013 à 23:21:56    

sagamore a écrit :

Bonjour.
 
Je progresse dans mon apprentissage du php.
Je souhaite utiliser un boucle for pour remplacer ce code html long et répétitif ( il y a 18 lignes comme celles là ):
 
                <div class="image"><img src="images/Chateaux_Cathares/photo1.jpg" alt="photo1 /> </div>
                <div class="image"><img src="images/Chateaux_Cathares/photo2.jpg" alt="photo2 /> </div>
                <div class="image"><img src="images/Chateaux_Cathares/photo3.jpg" alt="photo3 /> </div>
Par çà :
 
<?php  
$maxi=18;
for ($nbre=1;$nbre<=$maxi;$nbre++)
{
echo '<div class="image"><<img src="images/Chateaux_Cathares/photo'.$nbre.'.jpg" alt="phot'.$nbre.'/></div> />';
}
?>
 
Je voudrais que cela génère 18 lignes de code HTML ( en fait ça met tout bout à bout ). Où placer un <br /> dans mon code php ? N'y a t il pas une erreur dans mon code php ?
 
Merci.


Code :
  1. for ($nbre=1;$nbre<=$maxi;$nbre++)
  2. {
  3. echo '<div class="image"><img src="images/Chateaux_Cathares/photo'.$nbre.'.jpg" alt="phot'.$nbre.'"/></div>';
  4. }


---------------
Blablaté par Harko
Reply

Marsh Posté le 14-01-2013 à 00:16:22    

Ca me donne ça Gatsu 35.
$maxi=18; for ($nbre=1;$nbre<=$maxi;$nbre++)  
{
 echo 'photo'.$nbre.'';  
}
Il n'y a pas d'affichage d'images.
 
 
Le code source de la page donne ça :
<html>
<head>
</head>
<body>
$maxi=18;
    for ($nbre=1;$nbre<=$maxi;$nbre++)
    {
    echo '<div class="image"><img src="images/Chateaux_Cathares/photo'.$nbre.'.jpg" alt="photo'.$nbre.'"></div>';
    }
</body>
</html>
 
Le code de mon exemple donne une liste à la queue leu leu
<div class="image"><<img src="images/Chateaux_Cathares/photo1.jpg" alt="phot1/></div> /><div class="image"><<img src="images/Chateaux_Cathares/photo2.jpg"................photo18.jpg" alt="phot1/></div> />
Je voudrais obtenir un affichage en liste l'un en dessous de l'autre.
 
Maintenant mon code php est bon, les images s'affichent bien pour le moment ( je n'ai pas encore mis le fichier .css pour la présentation ).
 
Merci d'avance.

Message cité 1 fois
Message édité par sagamore le 14-01-2013 à 00:20:28
Reply

Marsh Posté le 14-01-2013 à 03:35:56    

Code :
  1. echo '<div class="image"><img src="images/Chateaux_Cathares/photo'.$nbre.'.jpg" alt="phot'.$nbre.'"/></div>\n'

?

Reply

Marsh Posté le 14-01-2013 à 08:51:23    

sagamore a écrit :

Ca me donne ça Gatsu 35.
$maxi=18; for ($nbre=1;$nbre<=$maxi;$nbre++)  
{
 echo 'photo'.$nbre.'';  
}
Il n'y a pas d'affichage d'images.
 
 
Le code source de la page donne ça :
<html>
<head>
</head>
<body>
$maxi=18;
    for ($nbre=1;$nbre<=$maxi;$nbre++)
    {
    echo '<div class="image"><img src="images/Chateaux_Cathares/photo'.$nbre.'.jpg" alt="photo'.$nbre.'"></div>';
    }
</body>
</html>
 
Le code de mon exemple donne une liste à la queue leu leu
<div class="image"><<img src="images/Chateaux_Cathares/photo1.jpg" alt="phot1/></div> /><div class="image"><<img src="images/Chateaux_Cathares/photo2.jpg"................photo18.jpg" alt="phot1/></div> />
Je voudrais obtenir un affichage en liste l'un en dessous de l'autre.
 
Maintenant mon code php est bon, les images s'affichent bien pour le moment ( je n'ai pas encore mis le fichier .css pour la présentation ).
 
Merci d'avance.


change la CSS de tes DIV
et c'est au niveau HTML que ça génère à la queueleuleu ou au niveau visuel ?  
sinon tu rajoutes un \n au bout si c'est au niveau HTML.


---------------
Blablaté par Harko
Reply

Marsh Posté le 14-01-2013 à 10:08:21    

je m'explique mal. Je débute en php.
J'ai écris le code de mon site en HTML et CSS.
Donc comme dans mon premier message j'ai 18 lignes comme celle ci :
     <div class="image"><img src="images/Chateaux_Cathares/photo1.jpg" alt="photo1 /> </div>  
Ces lignes ( et d'autres bien sur ) me permettent de faire défiler les photos de mes aquarelles.
Tout ça est bien ordonné avec des indentations ce qui est propre et me permet de mieux m'y retrouver.
 
Je veux grâce à une boucle for en php que le serveur ( localhost ) me renvoie les 18 lignes de codes html les unes en dessous des autres.  
C'est pour cela que je cherche où mettre ma balise <br/> dans la boucle for.
Je n'arrive à obtenir qu'une longue ligne de code HTML  :
<div class="image"><img src="images/Chateaux_Cathares/photo1.jpg" alt="photo1 /> </div> <div class="image"><img src="images/Chateaux_Cathares/photo2.jpg" alt="photo2 /> </div> .......................<div class="image"><img src="images/Chateaux_Cathares/photo18.jpg" alt="photo18 /> </div>      écrite en rouge  
 
Merci.

Reply

Marsh Posté le 14-01-2013 à 22:34:27    

Voici le bon code qui me permet d'avoir mes lignes les unes en dessous des autres.
 
<?php
$maxi=18;
for ($nbre = 1; $nbre <= $maxi; $nbre++)
{
    echo '<div class="image"><img src="images/Chateaux_Cathares/photo'.$nbre.'.jpg" alt="photo'.$nbre.' /></div>'."\n";
}
?>
 
Merci.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed