Php layout

[onthespot]

Ok so I posted this in HTML, but got no replies and thought it may be something to do with the PHP side of things.

 

<table><tr><td>
<b><u>Awards:</u></b></td></tr>
<tr><td><br>
<?php


function awards($type)
{
   $images = array ( 'league1' => 'first.jpg',
                     'league2' => 'second.jpg',
                     'league3' => 'third.jpg'
                   );

    if(array_key_exists($type, $images))
        return '<img src="images/awards/'.$images[$type].'" width="12" height="27" />';

    return false;
}
$awarduser = mysql_real_escape_string($req_user_info['username']);
$res=mysql_query("SELECT * FROM ".TBL_AWARDS."  WHERE awarduser = '$awarduser' ORDER BY awarddate");

while($row=mysql_fetch_assoc($res)){

$type=$row['awardtype'];

echo awards($type);

}
?>
</td></tr>
</table>

 

Each award should be displayed across the page, right?

But at the moment each award just goes below the one above.

How can i correct this?

[ignace]

HTML:

<div id="awards">

  <ul>

    <li><img src="images/awards/first.jpg" width="12" height="27" /></li>

    <li><img src="images/awards/second.jpg" width="12" height="27" /></li>

    <li><img src="images/awards/third.jpg" width="12" height="27" /></li>

  </ul>

</div>

 

CSS:

#awards { display: block }

#awards ul li { display: inline }

[onthespot]

That lists then. I am after them going 1 2 3 4 5 6 7 8 , rather than

1

2

3

4

5

6

7

8

any ideas?

[onthespot]

At the moment, the echo is for one and then it goes down and does it again on the next line, how can i get 10 per line, before going down to the next 10 underneath?

[onthespot]

How can I put <td> tags around this

echo awards($type);

That might sort this for me?

[onthespot]

<td><? echo awards($type);?></td>

 

I did that and now have them going horizontally. However, they are just running off my page and going far to far to the right?

[onthespot]

Can anybody help me on this, its driving me nuts 

[ignace]

That lists then. I am after them going 1 2 3 4 5 6 7 8 , rather than

1

2

3

4

5

6

7

8

any ideas?

 

That's why you need the CSS this will put them next to each other. You can atleast try the solutions we provide.

[onthespot]

I did dude it didnt list like i will try again

 

[onthespot]

I have tried the list and that doesnt work?

Anyone else got any ideas?