0

クエリの結果をこのように表示しようとしています。

here  here  here

here  here  here

here  here  here

...など

しかし、私が何をしようとしても、彼らはこのようになります..

Here

Here

Here

Here

そして、あなたは写真を手に入れます...正直に言って、すべてを試しましたが、うまくいきません。

これが私の悪いコーディングを無視するコードです:/

<div class="box">
<div style="width: 90%; margin: 0 auto; text-align: center;">
<div style="width: 33%; float: left;">

<?php
$result = mysql_query("SELECT * FROM user_pokemon WHERE belongsto='". $_SESSION{'username'}."'AND (slot='0')");
while($row = mysql_fetch_array($result))
{   
$sql2 = "SELECT * FROM pokemon WHERE name='".$row['pokemon']."'";
$result2 = mysql_query($sql2) or die(mysql_error());
$battle_get2 = mysql_fetch_array($result2);

echo '<img src="pokemon/'.$row['type'] .''.$battle_get2['pic'].'" border=0>
</a>' ; 

$idd= mysql_real_escape_string($row['id']);
$iddd = strip_tags($idd);

?>

<form name="slot1" action="" method="post">

    <p>

        <select name="A" id="" >
          <option value="1">Slot 1</option>
          <option value="2">Slot 2</option>
          <option value="3">Slot 3</option>
          <option value="4">Slot 4</option>
          <option value="5">Slot 5</option>
          <option value="6">Slot 6</option>
        </select>
        <input type="hidden" name="token" id="token" value="<?php  echo $iddd ;  ?>" />
        <br />
        <input type="submit" class="submit" value="Add to Team" name="slot1">
</p>



</form>

<?php
echo $row['pokemon'];

?>

<p></p>

<?php
echo "Level:";
echo $row ['level'];
?>

<p></p>

<?php
echo "Gender:";
echo $row['gender'];
echo "<br />";
}
?>
</div>
</div>
</div>

そして、これが私が持っているcssです。

.box {
width: 90%;
background-color: #eaebd8;
border: 1px solid #00008B;
margin: 0 auto 10px;
padding: 10px;
}

ですから、これについて何か助けを得ることができれば、とても感謝しています:)

4

2 に答える 2

2

テーブルを使用するか、順序なしリストを使用しますul。

作業フィドル: http://jsfiddle.net/P5bAL/

HTML:

<ul>
    <li>Data</li>
    <li>DAta</li>
</ul>

CSS:

li{
display: inline-block;
}
于 2013-04-04T02:58:39.627 に答える
1

すべてがどこにあるかを測定する div は、複数を作成するようにループ内にある必要があります。

while($row = mysql_fetch_array($result))
{
?>
    <div style="width: 33%; float: left;">
        <?php
        //enter the rest of your content
        ?>
    </div>
<?php
}
于 2013-04-04T03:03:17.353 に答える