CSS/HTML/PHP la page de presentation articles

Bonjour,

Bonjour,

Je suis en train de crée un site web de vente en PHP / HTML . J'ai fait une table PHPMYADMIN ou stoker les informations de mes vins . Le probleme c'est que j'aimerais que met vin apparaisse l'un a coté des autres , et chaque vins dans un carré blanc. Mais je ny arrive pas . é.è

j'ai : http://www.hostingpics.net/viewer.php?id=536670Capture.png

je voudrais : http://www.hostingpics.net/viewer.php?id=981535Sanstitre1.png

vous pourriez , svp m'aidez é è

code :



<section id=produit >
<?php
// on se connecte à MySQL
$db = mysql_connect('localhost', 'root', '');

// on sélectionne la base
mysql_select_db('les_vins_d_alsace_',$db);

// on crée la requête SQL
$sql = 'SELECT * FROM rouge';

// on envoie la requête
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

// on fait une boucle qui va faire un tour pour chaque enregistrement

while($data = mysql_fetch_assoc($req))
{

// on affiche les informations de l'enregistrement en cours
echo '<b>'.$data['nom'].'('.$data['date'].')';
echo '</br> <img src="'.$data['image'].'"WIDTH=100px HEIGHT=200px >';
echo '<br> Prix :'.$data['prix'].'';
}

// on ferme la connexion à mysql
mysql_close();

?>


<div style="margin:10px; margin-top:5px"><div class="quotetitle"><strong> </strong> <input type="button" value="Description"
style="width:100px;font-size:10px;margin:0px;padding:0px;"
onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = ''; this.value = 'Masquer'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1]
.getElementsByTagName('div')[0].style.display = 'none'; this.innerText = '';this.value = 'Description'; }" /></div><div class="quotecontent"><div style="display: none;">
<?php include("description.php"); ?>
</div></div></div>




</section>