Oyunları 2 sıra yanyana listelemek

EuDownload · 1 07-01-2010, 02:41:05

merhaba arkadaşlar resimdede görüldüğü gibi 10 adet oyunu alt alta sıralamak yerine 5erli sıra halinde iki sıra yan yana yapmak istiyorum

resim:

Resmi göremeyenler buradan buyursun

kodlarım :

PHP- Kodu:

 
<table class="browsegamesbox">
        <tr>
          <td width="35">
          <a href="<?php echo fileurl($fileid,$filetitle); ?>" target="_self"><img src="<?php echo $imageurl; ?>" width="70" height="59" ALT="<?php echo $filetitle; ?>" ALT="<?php echo $filetitle; ?>" border="0"></a>
          </td>
          <td valign="top">
          <a title="<?php echo $filetitle; ?> oyununu oynamak için tıklayın" href="<?php echo fileurl($fileid,$filetitle); ?>" target="_self" class="gamelink"><?php echo $filetitle; ?></a><br />
          <?php echo $filedescription; ?><br />
          <span class="Oynanma">(Oynanma: <?php echo $timesplayed; ?> Kez)</span>
          </td>
        </tr>
      </table>

~~erbilen~~ · 2 07-01-2010, 08:21:24

browsegamesbox sınıfına float: left; vererek bunu çözebilirsiniz. Ancak verdiğiniz padding ile 2 oyunun genişliği sizin toplan genişliğinizle orantılı olmayabilir buna dikkat ediniz.

EuDownload · 3 07-01-2010, 11:40:06

Alıntı:

erbilen Nickli Üyeden Alıntı

browsegamesbox sınıfına float: left; vererek bunu çözebilirsiniz. Ancak verdiğiniz padding ile 2 oyunun genişliği sizin toplan genişliğinizle orantılı olmayabilir buna dikkat ediniz.

hocam olmazsa oraya iki oyun sığacak şekilde boyutlandırılır o sorun değil
css kodları aşağıdaki gibi

PHP- Kodu:

  .browsegamesbox {
    background: #F0F8FF;
    font-family: Arial;
    font-size: 11px;
    color: #333333;
    text-align: left;
    padding: 3px;
    width: 100%;
}

antishareware · 4 07-01-2010, 13:30:46

Tamam işte aşağıdaki şekilde olacak.

Alıntı:

.browsegamesbox {
float: left;
background: #F0F8FF;
font-family: Arial;
font-size: 11px;
color: #333333;
text-align: left;
padding: 3px;
width: 100%;
}

Duruma göre width değeriyle de oynamak gerekebilir.

~~erbilen~~ · 5 07-01-2010, 14:15:14

antishareware arkadaşımın dediği gibi olacaktır.

EuDownload · 6 07-01-2010, 15:37:55

teşekkürler eline sağlık hocam

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder