Jeg skal vise "bokser" med info på en webside, hvor informasjonen blir hentet fra en mysql-database.
Her er koden:
Spørsmålet mitt er, når det blir mer enn tre bokser i bredden, skal den fjerde havne på en ny rekke under de tre første. Hvordan skal jeg gjøre det?(har prøvd mye!)
Her er koden:
Kode
<?php $con = mysql_connect("localhost","abruker","passord"); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("haha", $con); $result = mysql_query("SELECT * FROM mobler"); echo "<table cols='3'><tr>"; while($row = mysql_fetch_array($result)) { echo "<td colspan='1'> <div id='mob_box'> <table height='100%' cellspacing='0' cellpadding='0' align='right' width='100%'> <tr style='height:120px;background:transparent;width:180px;'> <td align='center' style='width:70%;height:120px;'> <img src='" . $row['Bilde'] . "' style='margin-left:10px;max-height:115px;'\> </td> <td align='right' style='vertical-align:middle;height:120px;'> <div id='over1' style='vertical-align:middle;position:relative;top:-5px;right:0px;width:40px;height:43px;background:transparent;background:url('3-01.png');align:right;'> <img src='http://mobel.webuda.com/wp-content/uploads/kat.gif' style='vertical-align:middle;margin-top:5px;margin-right:5px;' onMouseover=\"ddrivetip('Katalogprisen er " . $row['Katalog'] . " mynter!' , 200);\" onMouseout=\"hideddrivetip();\" \> </div> <div id='over2' style='vertical-align:middle;position:relative;top:0px;right:0px;width:40px;height:43px;background:url('3-01.png');align:right;'> <img src='http://mobel.webuda.com/wp-content/uploads/dat.gif' style='vertical-align:middle;margin-top:5px;margin-right:10px;' onMouseover=\"ddrivetip('Sist oppdatert " . $row['Dato'] . "' , 200);\" onMouseout=\"hideddrivetip();\" \> </div> </td> </tr> <tr style='height:60px;background:url('2-01.png');width:180px;'> <td style='vertical-align:top;'> <p style='margin-left:10px;margin-top:5px;'>" . $row['Navn'] . "<br \>" . $row['Ny'] . " mynt(er) </p> </td> <td style='vertical-align:top;'> <img src='http://mobel.webuda.com/wp-content/uploads/bok.gif' style='margin:10px 0px 0px 10px;' onMouseover=\"ddrivetip('Før prisen ble oppdatert lå den på " . $row['Gml'] . " mynter!' , 200);\" onMouseout=\"hideddrivetip();\" \> </td> </tr> </table> </div></td>"; } echo "</tr></table>"; mysql_close($con); ?>
Sist endret av JunkieXL; 4. august 2010 kl. 22:10.