0

PHPとCSSを使用して画像ギャラリーをデザインしようとしています。画像を順序付けられていないリストに配置しました。

<ul style="list-style-type:none;">
<?
while($data=mysql_fetch_row($result))
 {
 $pic=$data[2];
  if ($pic)
  {
 $path="http://www.myworkdemo.com/pecifica/photos/".$pic;
 }
 ?>
 <li style="list-style-type:none; float: left; margin-left:4px; margin-top:5px; margin-bottom:5px;">
<img src=<?=$path?> width=300 height=240></img>
  <!--<td class='delete'><a href='addproject.php?ProjId=<?=$data[0]?>&action=edit' >Edit</a></td>-->
 <div class='delete'><a href='images.php?picid=<?=$data[0]?>&action=delete' class="ask">Delete</a></div>
 </li>
 </ul>

そして、すべての画像を取得しましたが、リストから 1 つの箇条書き (開始) が削除されませんでした。CSSフォーマット後の私のギャラリーは

ここに画像の説明を入力 その弾丸のために、最初の行の画像の位置合わせが失われました。私を導いてください。

4

2 に答える 2

3

とても簡単に：

list-style-type: none;

またlist-style: none;、箇条書きが実際にブラウザによってレンダリングされていない画像であるかどうかも検討してください。

于 2012-06-22T21:01:14.620 に答える
2

2 つの CSS ファイルにあります。

514 行目 http://www.myworkdemo.com/pecifica/admin/css/style1.css

.block .block_content ul li {
    background: url("../images/li.gif") no-repeat scroll 0 7px transparent;

行 523、 http://www.myworkdemo.com/pecifica/admin/css/style.css

.block .block_content ul li {
    background: url("../images/li.gif") no-repeat scroll 0 7px transparent;

これらの両方をfirebugで無効にすると、弾丸がなくなりました（実際にはカスタムgifファイルです）。関連するクラスの使用方法を確認する必要があります。

于 2012-06-22T21:16:30.187 に答える