对齐网页上的mysql_array按钮

时间:2013-04-18 14:51:10

标签: php mysql

拥有my_sql_array的网站,它会在我的网页上显示按钮,但是有5个按钮在一个下方,但是想要将按钮放在网页中,在那里说'play'for fun'我似乎无法实现这一点。

<section id="content">
    <div class="container_12">
      <div class="wrapper">
        <div class="grid_12">
          <div class="content-inner">
            <div class="wrapper indent-bot4">
              <div class="alpha grid_12 omega">
                <h3 class="left-pad2 bot-indent2">Top online  rooms</h3>
                <div class="wrapper">
                  <div class="alpha grid_6 indent-sw3">
                    <div class="left-pad2">


<?


$resultu=mysql_query("select * from jsgamingcenter_games 
WHERE cat_1='1' AND  status='1' 
ORDER BY placement", $casdb);  while($detail=mysql_fetch_array($resultu)) {

?>
<?
if(!isset($l)){
echo "<a href=\"#\" onclick=\"jump('launch_game.php?
game=$detail[0]&width=$detail[width]&height=$detail[height]
&mode=fun','$detail[width]','$detail[height]');\">
<img height=15 width=75  src=\"templates/gameAccount/default/images/stdButtonf.gif\" 
border=\"0\"></a>";     
}

?>

</div>


<?   }  ?>

</div></div>




  </div>
<div class="wrapper p5"> <figure class="img-style">
<a class="lightbox-image width" 
href="images/image-blank.png" data-gal="prettyPhoto[prettyPhoto]">
<img class="width-2" src="images/page2-img5.jpg" alt=""></a></figure>
<div class="extra-wrap">
<div class="p2"> <a class="link" 
href="#">William Hill   Poker</a> </div>
<p class="p3 indent-sw1">Play games for Free.</p>
<a class="color-4 text-1 indent-r" href="#">Play for Fun</a> 
</div>
   </div>


<div class="wrapper"> <figure class="img-style">
<a class="lightbox-image width" 
href="images/image-blank.png" data-gal="prettyPhoto[prettyPhoto]">
<img class="width-2" src="images/page2-img6.jpg" alt=""></a></figure>
<div class="extra-wrap">
<div class="p2"> <a class="link" href="#">Titan Poker</a> </div>
<p class="p3 indent-sw1">Play this game also for Free.</p>
<a class="color-4 text-1 indent-r" href="#">Play for Fun</a> </div>**
     </div>
         </div>

1 个答案:

答案 0 :(得分:1)

我喜欢玩猜谜游戏,所以就在这里。

您想要对齐按钮 - 这里有几个解决方案(假设每个按钮都有一个类名btn

.btn{
    display: inline-block;
}

解决方案2:

.btn{
    float: left;
}

Working Fiddle