le 02/08/2007 à 12:49
Lefounard
Bonjour,
Voila, j'ai fait une interface graphique pour afficher une liste d'elements.
Au debut en statique, l'affichage etait impecable, maintenant depuis que j'ai mis l'affichage des lignes dans une boucle while, tout est décalé !
Merci de votre aide,
Ciao,
Voila, j'ai fait une interface graphique pour afficher une liste d'elements.
Au debut en statique, l'affichage etait impecable, maintenant depuis que j'ai mis l'affichage des lignes dans une boucle while, tout est décalé !
/* CSS */
.ligne_liste_produit{
border-style:dotted;
border-width:0px 0px 1px 0px;
padding:0.5em;
}
.ligne_liste_produit a{
color:#000;
}
.ligne_liste_produit a:hover{
color:grey;
text-decoration:none;
}
.ligne_liste_produit img{
float:left;
margin:0.5em;
width:75px;
height:75px;
}
.ligne_liste_produits_contenu{
margin-left:100px;
padding:1em;
}
<?php
<div id="frame_liste_produits">
<div id="titre_liste_produits">
<span class="droite">
Trier par :
<select>
<option>Nom de produit : A à Z</option>
<option>Nom de produit: Z à A</option>
</select>
</span>
Liste Produits
<hr>
</div>
<div class="ligne_liste_produit">
<img src="./photos/thumbs/mini_cam6.jpg" />
<div class="ligne_liste_produits_contenu">
<a href="#">Caméra dôme Anti vandale CPC 396</a><br />
Caméra dôme anti vandale Couleur Capteur Super HAD CCD 1/3" de Sony<br />
Haute résolution : 520 lignes<br />
Luminosité : 1Lux / F2.0 ...<br />
</div>
</div>
<div class="ligne_liste_produit">
<img src="./photos/thumbs/mini_cam6.jpg" />
<div class="ligne_liste_produits_contenu">
<a href"#">Caméra Couleur Hte Résolution Outdoor CPC 383</a><br />
Caméra OUTDOOR Couleur Jour Nuit Haute Résolution avec capteur CCD 1/3" et DSP de Sony<br />
Luminosité minimale : 0.25 Lux / F1.2; 0Lux / F1.2 avec IR allumée<br />
Nombre de pixels :<br />
768(H) x 494(V) PAL<br />
752(H) x 582 (V) NTSC<br />
</div>
</div>
<?php
/* Affichage dynamique, tout se decale vers la droite !!! */ mysql_select_db('produits',LINK);
$sql='SELECT nom, descriptif FROM produits_general WHERE id_cat_fk="'.$id_cat.'"';
$req=mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());
/* Si il y a des sous catégories, on les affiche */
if(mysql_num_rows($req)){
while($data = mysql_fetch_array($req))
{?>
<div class="ligne_liste_produit">
<img src="./photos/thumbs/mini_cam6.jpg" />
<div class="ligne_liste_produits_contenu">
<a href="#"><?php echo htmlentities(trim($data['nom'])); ?></a><br />
<?php echo nl2br(htmlentities(trim($data['descriptif']))); ?>
</div>
</div>
<?php
}
}
?>
<div id="pages_liste_produits">
<a href="#">1</a> -
<a href="#">2</a>
</div>
</div>
?>
Merci de votre aide,
Ciao,