Mise en forme d'une div en PHP

PopKoRn88 Messages postés 79 Date d'inscription   Statut Membre Dernière intervention   -  
tryan44 Messages postés 1288 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, j'ai passé l'après-midi à chercher comment mettre en forme un bloc constitué d'un titre, de la date d'upload de l'article, d'une description et d'une vidéo du site Vimeo. Pas facile à expliquer, donc pour faire simple j'aimerais une chose similaire à ce site: http://www.branded07.com/

J'aimerais faire une chose comme ceci: [URL=http://www.hostingpics.net/viewer.php?id=406430aideforum.jpg][IMG]http://img15.hostingpics.net/thumbs/mini_406430aideforum.jpg[/IMG][/URL]

Voici mon code, j'ai essayé de bidouiller de partout mais impossible de trouver.

<?php
$cx = mysql_connect("localhost","*******","******"); // connexion ? la BDD
if($cx == 0){ // test si pb de cnnexion
?>
<font>ERREUR</font>
</body></html>
<?
exit;
}
$test = mysql_select_db("*********"); // selection de la base
$req = "SELECT * FROM aportfolio"; // preparation de la requette
$result = mysql_query($req); // execute la requette
$nb_art = mysql_num_rows($result); // Recuperation du br d'articles r?sultant la requette
$i = 0;

while($i<$nb_art){ // Faire autant de boucles qu'il y a d'articles
$data = mysql_fetch_object($result);

echo $data->titre; // Affiches designation
echo "<br/>";
echo $data->id; // Affiches description
echo "<br/>";

echo $data->description; // Affiche prix
echo "<br/>";

echo $data->code; // affiche le fournisseurs



$i++; // incr?mente $i de +1


}

?>




Ca peut paraître "bordel" mais j'ai pas pu faire mieux vu que je débute en php. Si vous pouviez me donner le code tout prêt ça serait vraiment sympa parce que je sature là. Merci :D


1 réponse

tryan44 Messages postés 1288 Date d'inscription   Statut Membre Dernière intervention   220
 
Bonsoir,

Hormis la balise "font", c'est que du php votre code et pour la mise en forme il faut utiliser du HTML et du CSS sinon ça sort en texte brute...
<div style="width:532px;height:auto;border:1px solid green;">
<div style="margin:5px 5px 5px 15px;">
Vidéo 1<br/>
Jeudi 22 Juin 2012<br/>
Description de la vidéo
</div>
<div style="width:500px;height:281px;margin:15px;border:1px solid red;">
Vidéo
</div>


Je vous laisse l'intégrer à votre code.
0