Mettre des éléments l'un a coté de l'autre.
Résolu
flamover
-
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
j'essai de mettre les éléments d'une boucle while cote à cote mais je n'y arrive pas :(
Code php:
Cela donne une image (une couverture de livre) avec 2 éléments de texte en dessous (la série et l'auteur du livre) et j'aimerai que la 2ème image et le reste se mettent à coté de la première
J'ai essayé plusieurs chose mais je dois mal m'y prendre.
Quelqu'un serrait m'expliquer comment faire ?
Merci d'avance :)
j'essai de mettre les éléments d'une boucle while cote à cote mais je n'y arrive pas :(
Code php:
<section id="liste_des_livres">
<header>
<h3>Liste des livres que j'ai lu :).</h3>
</header>
<article>
<?php include('connexion/connexion.php');?>
<?php
$bdd ->exec('SET NAMES utf8');
$req = $bdd->query('SELECT id, couverture, serie, auteur FROM liste_des_livres ORDER BY id LIMIT 0, 255');
while ($donnees = $req->fetch())
{
?>
<p class="article">
<img src="<?php echo $donnees['couverture'];?>" width="120px" height="160px" alt="" /><br/>
Serie: <?php echo $donnees['serie']; ?>.<br/>
Auteur: <?php echo $donnees['auteur']; ?>.<br/>
</p>
<?php
}
$req->closeCursor();
?>
<article>
</section>
Cela donne une image (une couverture de livre) avec 2 éléments de texte en dessous (la série et l'auteur du livre) et j'aimerai que la 2ème image et le reste se mettent à coté de la première
J'ai essayé plusieurs chose mais je dois mal m'y prendre.
Quelqu'un serrait m'expliquer comment faire ?
Merci d'avance :)
A voir également:
- Mettre des éléments l'un a coté de l'autre.
- Photoshop elements gratuit - Télécharger - Retouche d'image
- Point vert a cote de la batterie - Accueil - Protection
- Dans le document à télécharger, placez les 2 images côte à côte et donnez-leur la même hauteur. marie a gagné un lot à l’un des trois tirages. qu’a-t-elle gagné ? - Forum LibreOffice / OpenOffice
- Mettre deux photos cote à cote ✓ - Forum Graphisme
- Pourquoi mon casque bluetooth ne marche que d'un coté ✓ - Forum Casque et écouteurs
2 réponses
Bonjour,
Si j'ai bien compris, tu voudrais qu'il y ait une ligne d'images, une ligne de série et une ligne d'auteur, c'est ça ?
L'astuce est de faire un tableau car on va mettre dans chaque case une image, une série et un auteur. Je te mets le squelette du code :
Si j'ai bien compris, tu voudrais qu'il y ait une ligne d'images, une ligne de série et une ligne d'auteur, c'est ça ?
L'astuce est de faire un tableau car on va mettre dans chaque case une image, une série et un auteur. Je te mets le squelette du code :
<table>
<tr>
while(){
<td>
<p><img /><br /> Auteur <br /> Série</p>
</td>
}
</tr>
</table>
Non j'ai mal expliqué ce que je voudrai.
Voila ce que j'aimerai:
http://www.casimages.com/img.php?i=120307052457125107.png
Voila ce que j'aimerai:
http://www.casimages.com/img.php?i=120307052457125107.png
C'est moi qui t'avais mal compris désolé :$ je viens de le faire et ca fonctionne.
Maintenant le problème est que tous reste sur une ligne mais j'aimerais que au bout de la page ca revient en dessous pour pas que j'ai de scrole horizontale.
Il y a aussi quelque cellule qui ne se centre pas verticalement malgré mon "vertical-align" ...
screen:
http://www.casimages.com/img.php?i=120307064057413645.png
Maintenant le problème est que tous reste sur une ligne mais j'aimerais que au bout de la page ca revient en dessous pour pas que j'ai de scrole horizontale.
Il y a aussi quelque cellule qui ne se centre pas verticalement malgré mon "vertical-align" ...
screen:
http://www.casimages.com/img.php?i=120307064057413645.png
alors oui, vu que c'est un tableau, ce sera en taille fixe. Il est possible de lui dire d'aller à la ligne, mais un nombre de colonne fixe...
Ah mais attends, suis-je bête, une deuxième solution serait de faire tout en css avec des float.
et dans ton css :
Ah mais attends, suis-je bête, une deuxième solution serait de faire tout en css avec des float.
while(){
<p class="case_img">
<img /> etc.
</p>
}
et dans ton css :
.case_img{
float: left;
}