0

2 つの画像を並べて表示する画像スライダーを含む Web サイトを編集していますが、クロムで Web サイトを表示すると、次のように画像が互いにインライン化されません: http://i754.photobucket.com/アルバム/xx182/rache_R/Untitled-1_zps6f3014ef.jpg

php と html を使用してデータベースからデータを取得し、収集したデータに基づいて画像を表示します。css で画像を個別にターゲットにしようとしましたが、機能しないか、両方の画像に影響します。

画像を個別にターゲットにする正しい方法はありますか、またはこれを修正するにはどうすればよいですか?

phpコード:

<?
                $result = $mysqli->query("SELECT * FROM stock");
                while($obj = $result->fetch_object())
                {
                    if($obj->id&1)
                        echo "<u1>"; ?>


                    <li class="<?=$obj->orientation=='landscape'?'landscape':'portrait'?>">
                        <a href="#"><img src="./img/<?=$obj->description=='unframed'?$obj->poster_no:$obj->poster_no.'_frame'?>.jpg" alt=""></a>
                        <h4><?= $obj->description=="unframed"?"Unframed Poster - 750mm x 500mm":"Framed Poster - 790mm x 540mm"?><br />&pound;<?=$obj->price?> each</h4></li>

だから私はそれを解決することができました：

@media screen and (-webkit-min-device-pixel-ratio:0){
   #mi-slider li {
    vertical-align: top;
    }}
4

2 に答える 2

0

両方の画像を並べて保持できる幅を持つ< ul>を配置し、 ul にstyle='display:inline'を指定します。画像をインラインで取得します。

于 2013-08-22T13:30:51.287 に答える
0

これはCSSの質問です。インラインリストまたはフロートを使用して、to オプションの 1 つがあります。

個人的にはインラインリストを並べて、テーブルを使用することもできますが、それは悪い習慣と見なされます。Java スクリプトを使用して位置を計算することもできますが、これも不適切に使用すると悪い習慣になります。

CSS でこれらのプロパティを実装する方法がわからない場合は、W3schools.com を参考にしてください。

次回は、php を静的情報に置き換えて、見栄えを良くしてください :) 乾杯

于 2013-08-23T01:33:19.930 に答える