Créer un dessous de ligne et mettre le nom en dessous de l'image

Résolu
lolo590771 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   -  
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

j'aimerai savoir comment afficher le nom du film sachant qu'il y a 30 images sur 3 lignes qui s'affichent.J'utilise dreamweaver 8.

voici le bout de code :

<?php do { ?>
<a href="OnlyFichier_DESSINS_ANIMES_les_Indisponibles.php?NUM=<?php echo $row_DESSINS_ANIMES_INDISPONIBLES['NUM']; ?>">
<img src="../../../IMAGES/DESSINS-ANIMES/<?php echo $row_DESSINS_ANIMES_INDISPONIBLES['PICTURENAME']; ?>" width="100" height="150" border="1"/>
<?php } while ($row_DESSINS_ANIMES_INDISPONIBLES = mysql_fetch_assoc($DESSINS_ANIMES_INDISPONIBLES)); ?>
</a>



merci de votre aide
A voir également:

5 réponses

barale61 Messages postés 1214 Date d'inscription   Statut Membre Dernière intervention   110
 
Si ton code fonctionne bien tu n'a qu'à juste à rajouter



<?php do { ?>
<a href="OnlyFichier_DESSINS_ANIMES_les_Indisponibles.php?NUM=<?php echo $row_DESSINS_ANIMES_INDISPONIBLES['NUM']; ?>">
<img src="../../../IMAGES/DESSINS-ANIMES/<?php echo $row_DESSINS_ANIMES_INDISPONIBLES['PICTURENAME']; ?>" width="100" height="150" border="1"/>
</br><?php echo $row_DESSINS_ANIMES_INDISPONIBLES['nom']; ?>
<?php } while ($row_DESSINS_ANIMES_INDISPONIBLES = mysql_fetch_assoc($DESSINS_ANIMES_INDISPONIBLES)); ?>
</a>


En supposant que nom est le nom du film et qu'il est bien présent dans ta table non ?
0
lolo590771 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   1
 
Baralel61 ,

ça fonctionne super bien et je t'en remercie mais les images s'affichent l'une en dessous de l'autre (et non 3 lignes distinctes de 10 images pas lignes, ça je sais comment on fait....lol).

J'aurai voulu en plus que les noms s'affichent plus petits (taille 8 au lieu de 11, par exemple).

Comment y procéder pour que les images et leur nom respectif s'affiche (avec une taille plus petite (8 au lieu de 11, par exemlpe) ?

merci.
0
barale61 Messages postés 1214 Date d'inscription   Statut Membre Dernière intervention   110
 
Pour la police de caractères remplacer:

</br><?php echo $row_DESSINS_ANIMES_INDISPONIBLES['nom']; ?>


par

<p class="titre"><?php echo $row_DESSINS_ANIMES_INDISPONIBLES['nom']; ?></p>


en supposant que tu as une feuille de style et une class comme ci-après:

.titre
{ 
font-size: 8px;
}


Pour la mise en page 3 lignes à la suite, il faut soit, faire une requête différente à chaque fois soit, voir avec CSS sur 3 colonnes.

Exemple de requête avec limite d'affichage:

mysql_select_db($database_connexion, $connexion);
$query_rsArticles = "SELECT articles.reference, articles.prix, articles.designation,articles.annee, articles.kilometres,articles.options, articles.photo, articles.'date', articles.famillesID, articles.etat, familles.intitule FROM articles, familles  WHERE articles.famillesID = familles.ID LIMIT 0,1";
$rsArticles = mysql_query($query_rsArticles, $connexion) or die(mysql_error());
$row_rsArticles = mysql_fetch_assoc($rsArticles);
$totalRows_rsArticles = mysql_num_rows($rsArticles);


et en affichage:

<h4 class="font">Désignation</h4>
<p><?php echo substr($row_rsArticles['designation'],0,28); ?>...</p>
<h4 class="font">Famille</h4>
<p><?php echo $row_rsArticles['intitule']; ?></p>
<h4 class="font">Année modèle</h4>
<p><?php echo $row_rsArticles['annee']; ?></p>
<h4 class="font">Kilométrage</h4>
<p><?php echo $row_rsArticles['kilometres']; ?> km</p>
<h4 class="font">Prix</h4>
<p><?php echo $row_rsArticles['prix']; ?> €</p>
<h4 class="font">Options</h4>
<p><?php echo substr($row_rsArticles['options'],0,28); ?>...</p>


<?php echo substr($row_rsArticles['designation'],0,28); ?>

c'est pour tronquer le texte pour des raisons de mise en page.

Voilà ce que ça donne affiché sur 2 colonnes et 2 lignes:

http://www.lcab.eu/garajoto/


.
0
lolo590771 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   1
 
Tu n'as pas compris ce que je voulais. Je veux 3 lignes avec 10 images par lignes (par exemple).

J'ai ceci comme code (je donne tout le code) :

<?php require_once('../../../Connections/BddVALM.php'); ?>
<?php
$currentPage = $_SERVER["PHP_SELF"];

$maxRows_DESSINS_ANIMES_sur_CD = 30;
$pageNum_DESSINS_ANIMES_sur_CD = 0;
if (isset($_GET['pageNum_DESSINS_ANIMES_sur_CD'])) {
$pageNum_DESSINS_ANIMES_sur_CD = $_GET['pageNum_DESSINS_ANIMES_sur_CD'];
}
$startRow_DESSINS_ANIMES_sur_CD = $pageNum_DESSINS_ANIMES_sur_CD * $maxRows_DESSINS_ANIMES_sur_CD;

mysql_select_db($database_BddVALM, $BddVALM);
$query_DESSINS_ANIMES_sur_CD = "SELECT * FROM dessins_animes WHERE (MEDIATYPE='CD-ROM' )";
$query_limit_DESSINS_ANIMES_sur_CD = sprintf("%s LIMIT %d, %d", $query_DESSINS_ANIMES_sur_CD, $startRow_DESSINS_ANIMES_sur_CD, $maxRows_DESSINS_ANIMES_sur_CD);
$DESSINS_ANIMES_sur_CD = mysql_query($query_limit_DESSINS_ANIMES_sur_CD, $BddVALM) or die(mysql_error());
$row_DESSINS_ANIMES_sur_CD = mysql_fetch_assoc($DESSINS_ANIMES_sur_CD);

if (isset($_GET['totalRows_DESSINS_ANIMES_sur_CD'])) {
$totalRows_DESSINS_ANIMES_sur_CD = $_GET['totalRows_DESSINS_ANIMES_sur_CD'];
} else {
$all_DESSINS_ANIMES_sur_CD = mysql_query($query_DESSINS_ANIMES_sur_CD);
$totalRows_DESSINS_ANIMES_sur_CD = mysql_num_rows($all_DESSINS_ANIMES_sur_CD);
}
$totalPages_DESSINS_ANIMES_sur_CD = ceil($totalRows_DESSINS_ANIMES_sur_CD/$maxRows_DESSINS_ANIMES_sur_CD)-1;

$queryString_DESSINS_ANIMES_sur_CD = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_DESSINS_ANIMES_sur_CD") == false &&
stristr($param, "totalRows_DESSINS_ANIMES_sur_CD") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_DESSINS_ANIMES_sur_CD = "&" . htmlentities(implode("&", $newParams));
}
}
$queryString_DESSINS_ANIMES_sur_CD = sprintf("&totalRows_DESSINS_ANIMES_sur_CD=%d%s", $totalRows_DESSINS_ANIMES_sur_CD, $queryString_DESSINS_ANIMES_sur_CD);
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dessins-animés sur DVD</title>
<style type="text/css">
<!--
.Style1 {
font-size: 36px;
color: #0000FF;
}
.titre
{
font-size: 10px;
}

-->
</style>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<div align="center" class="Style1">DESSINS-ANIMES sur CD </div>
</form>
<div align="center">

<?php do { ?>
<a href="OnlyFichier_DESSINS_ANIMES_sur_CD.php?NUM=<?php echo $row_DESSINS_ANIMES_sur_CD['NUM']; ?>">
<img src="../../../IMAGES/DESSINS-ANIMES/<?php echo $row_DESSINS_ANIMES_sur_CD['PICTURENAME']; ?>" width="100" height="150" border="1"/>
</br><p class="titre"><?php echo $row_DESSINS_ANIMES_sur_CD['ORIGINALTITLE']; ?><br>
<?php } while ($row_DESSINS_ANIMES_sur_CD = mysql_fetch_assoc($DESSINS_ANIMES_sur_CD)); ?>
</a>
</div>
<form id="form1" name="form1" method="post" action="">
<div align="center"><a href="<?php printf("%s?pageNum_DESSINS_ANIMES_sur_CD=%d%s", $currentPage, 0, $queryString_DESSINS_ANIMES_sur_CD); ?>">Premier</a> <a href="<?php printf("%s?pageNum_DESSINS_ANIMES_sur_CD=%d%s", $currentPage, max(0, $pageNum_DESSINS_ANIMES_sur_CD - 1), $queryString_DESSINS_ANIMES_sur_CD); ?>">Précédent</a> <a href="<?php printf("%s?pageNum_DESSINS_ANIMES_sur_CD=%d%s", $currentPage, min($totalPages_DESSINS_ANIMES_sur_CD, $pageNum_DESSINS_ANIMES_sur_CD + 1), $queryString_DESSINS_ANIMES_sur_CD); ?>">Suivant</a> <a href="<?php printf("%s?pageNum_DESSINS_ANIMES_sur_CD=%d%s", $currentPage, $totalPages_DESSINS_ANIMES_sur_CD, $queryString_DESSINS_ANIMES_sur_CD); ?>">Dernier</a></div>
</form>
</body>
</html>
<?php
mysql_free_result($DESSINS_ANIMES_sur_CD);
?>




Merci de ton aide
0
barale61 Messages postés 1214 Date d'inscription   Statut Membre Dernière intervention   110
 
Il faut quand même 1 div par colonne et donc 1 requête par div puisque l'affichage par défaut se fait de type bloc (les uns après les autres) et donc pour qu'il se fasse les uns à côté des autres (sur 3 colonnes de type inline) il faut 3 div et donc 3 requêtes différentes par ligne.
Rien ne t'empêches de paginé après.
0
lolo590771 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   1
 
je n'ai aucune idée comment faire.................Tu ne pourrais pas me faire le code STP (je reprends ce que tu m'as écrits : Il faut quand même 1 div par colonne et donc 1 requête par div puisque l'affichage par défaut se fait de type bloc (les uns après les autres) et donc pour qu'il se fasse les uns à côté des autres (sur 3 colonnes de type inline) il faut 3 div et donc 3 requêtes différentes par ligne. ).

tu me rendrais un grand service..............
0
lolo590771 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   1
 
j'ai essaye de "re-créer" un code mais cela ne donne rien à l'affichage (en tout cas , pas d'erreur, ni de "warning").


Voici le code que j'ai :

<?php
$nbre_de_ligne=3;
$nbre_de_colonne=10;
$col=$nbre_de_colonne;

for ($col<0;$col<10;$col++)
{ ?>

<?php if ($col % $nbre_de_colonne==1)
{
echo "<tr>";
}
?>
<?php do { ?>
<a href="OnlyFichier_DESSINS_ANIMES_sur_CD.php?NUM=<?php echo $row_DESSINS_ANIMES_sur_CD['NUM']; ?>">
<img src="../../../IMAGES/DESSINS-ANIMES/<?php echo $row_DESSINS_ANIMES_sur_CD['PICTURENAME']; ?>" width="100" height="150" border="1"/>

<p class="titre"><?php echo $row_DESSINS_ANIMES_sur_CD['ORIGINALTITLE']; ?></p>

<?php } while ($row_DESSINS_ANIMES_sur_CD = mysql_fetch_assoc($DESSINS_ANIMES_sur_CD)); ?>
<?php
if ($col % $nbre_de_colonne==0)
{echo "</tr>";}
?>
</div>
<?php } ?>
</a>



Pourrais-tu me resoudre ce probleme d'affichage..........

merci.
0
lolo590771 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   1
 
Re-bonjour Barale61,

j'ai essaye de "re-créer" un code mais cela ne donne rien à l'affichage (en tout cas , pas d'erreur, ni de "warning").


Voici le code que j'ai :

<?php
$nbre_de_ligne=3;
$nbre_de_colonne=10;
$col=$nbre_de_colonne;

for ($col<0;$col<10;$col++)
{ ?>

<?php if ($col % $nbre_de_colonne==1)
{
echo "<tr>";
}
?>
<?php do { ?>
<a href="OnlyFichier_DESSINS_ANIMES_sur_CD.php?NUM=<?php echo $row_DESSINS_ANIMES_sur_CD['NUM']; ?>">
<img src="../../../IMAGES/DESSINS-ANIMES/<?php echo $row_DESSINS_ANIMES_sur_CD['PICTURENAME']; ?>" width="100" height="150" border="1"/>

<p class="titre"><?php echo $row_DESSINS_ANIMES_sur_CD['ORIGINALTITLE']; ?></p>

<?php } while ($row_DESSINS_ANIMES_sur_CD = mysql_fetch_assoc($DESSINS_ANIMES_sur_CD)); ?>
<?php
if ($col % $nbre_de_colonne==0)
{echo "</tr>";}
?>
</div>
<?php } ?>
</a>



Pourrais-tu me resoudre ce probleme d'affichage..........

merci.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

Pas besoin de s'embêter à faire un tableau, ce n'est d'ailleurs pas prévu pour faire de la mise en page.

Sans changer ta structure html, tu peux facilement faire ce que tu souhaites en passant des balises a en inline-block et en donnant au conteneur une largeur permettant d'afficher jusqu'à 10 images.

Voilà un exemple simple : http://jsfiddle.net/cAzdE/

Bonne journée
0