1

HTMLでul、liを使用してギャラリーに画像を表示しようとしています

リスト項目は while ループで繰り返されます

<ul style="list-style-type: none;">
while($data=mysql_fetch_row($result))
{
$path=$data[1];
<li style="list-style:none; float: left; margin-left:4px; margin-top:5px; margin-bottom:5px;">
<div><img src=<?=$path?> width=300 height=240></img></div>
</li>
}
</ul>

しかし、ulタグは最初に1つの箇条書きを表示します

私を助けてください

4

2 に答える 2

3
ul, ul li {
   list-style:none;
 }

CSSでスタイルを設定する

于 2012-05-15T21:58:18.130 に答える
0

ページに誤った箇条書きが表示される明確な理由はわかりませんが、それらを除外するために最初に整理しておくべきことがいくつかあります。

まず、終了タグがありません。画像要素は末尾のスラッシュで閉じます。

次に、一部の属性を引用符で囲み、他の属性を囲んでいないのはなぜですか? 優れたプラクティスに慣れ、すべての属性を引用符で囲みます。

また、スタイルシートを使用して、スタイルをマークアップから分離する必要があります。

ul, ul li {
    list-style:none;
}

li {
    float: left;
    margin-left:4px;
    margin-top:5px;
    margin-bottom:5px;
}

また、PHP のヒントは、while: ... endwhile;より読みやすいので使用することです。

<ul>
    <?php
    while($data=mysql_fetch_row($result)) :
    {
        $path=$data[1];
    ?>
        <li>
             <div><img src="<?=$path?>" width="300" height="240" /></div>
        </li>
    <?php endwhile; ?>
</ul>

コードを編集しているときに、while ループが php タグで囲まれていないことにも気付きました。実際のアプリケーションのphpタグで適切に囲んでいると思いますか?

ニール

于 2012-05-15T22:05:48.770 に答える