Need php/css outputing help

[thenewprogrammer]

Making a virtual pet site for fun but the shop items when i output them the price goes to the side of it instead of underneath it. looking for a way to output the price underneath the picture instead of to the side of it.

<style type="text/css">
li{display:inline}
</style>
<ul>
<?php 
$dbhost = "localhost"; 
$dbname = "*****"; 
$dbuser = "*****"; 
$dbpass = "****"; 

mysql_connect ( $dbhost, $dbuser, $dbpass)or die("Could not connect: ".mysql_error()); 
mysql_select_db($dbname) or die(mysql_error());
$query2 = "SELECT * FROM game WHERE item_type = 'food' ORDER BY RAND() LIMIT 5";
$result = mysql_query($query2);

while($row = mysql_fetch_assoc($result)){
$image = $row["item_img"];
$desc = $row["item_desc"];
$cost = $row["item_cost"];

echo '<li><img src="Images/items/'. $image . '.png" alt='. $desc . ' /></li>';
echo '<li>Cost: '. $cost . '<li>';
}
?>
</ul>

 

[GrandeMike]

Short answer: Change display:inline to display:block.

 

[misson]

Float the <li>; other combinations of inline & block will most likely make the <li> display on separate lines.

<style type="text/css">
.items li {
  float: left;
}
.items li img {
  display: block;
}
</style>
...
<ul class="items">
...
    echo "<li><img src='Images/items/${image}.png' alt='$desc' />Cost: $cost<li>";
} ?></ul>

Note: you left off quotes around the 'alt' attribute.

Ack. Need sleep.

 

[descalzo]

I believe he wants

Image       Image     Image      Image    Image
 cost           cost         cost          cost       cost

<table>
<?php 

    $image_row = "<tr>\n" ;
    $cost_row = "<tr>\n" ;
    while($row = mysql_fetch_assoc($result)){
         $image = $row["item_img"];
         $desc = $row["item_desc"];
         $cost = $row["item_cost"];

         $image_row .= "<td><img src='Images/items/$image.png' alt='$desc' /></td>\n";
         $cost_row .=  "<td>Cost: $cost </td>\n";
    }

     echo "$image_row\n</tr>\n" ;
     echo "$cost_row\n</tr>\n" ;
?>

</table>

 

[thenewprogrammer]

ty for help got my problem solved now.