2017-06-21 14 views
-2

私は画像を最小限にしようとしていますが、何も起こりません。CSSスタイルが画像で機能しないのはなぜですか?

イメージは、データベースからのイメージの名前を配列に表示する関数から取得されます。

/* Products */ 
 
.imagesPanel { 
 
    padding-top: 10px; 
 
    margin-top: 20px; 
 
    border:solid 1px #d1d1d1; 
 
} 
 
.imagesPanel .msg { 
 
    text-align: center; 
 

 
} 
 
.imagesPanel img { 
 
    width: 200px; 
 
    height: 200px; 
 
}
<div class="col-xs-12 imagesPanel"> 
 
    <?php $imgNameFunction = imgSelectV2("products",$row['ID']); 
 
      if ($imgNameFunction == null) { ?> 
 
       <p class="msg"><?php echo lang('THERE_ARE_NO_IMAGES_FOR_THIS_PRODUCT'); ?></p> 
 
    <?php } else { 
 
     foreach ($imgNameFunction as $imgName){?> 
 
      <div class="col-xs-3 itemShow"> 
 
       <img src="<?php echo $dir_uploadedImage.$imgName['ImgName']; ?>"> 
 
      </div> 
 

 
     <?php } 
 
    } 
 
    ?> 
 
</div>

しかし、結果はこの画像で示されています:

enter image description here

あなたが助けてくださいもらえますか?

+0

これはおそらくCSSをオーバーライドしています。 try .imagesPanel img { 幅:200px!重要; 身長:200px!重要; } – tech2017

+0

レンダリングされたHTMLを投稿できますか? PHPが出力しているものを推測することはできません。また、デベロッパーコンソールでCSSが画像に影響を及ぼしていないかどうかを確認してください –

+3

[Stack Overflowユーザーにはどの程度の研究努力が必要ですか?](https://meta.stackoverflow.com/questions/261592/how-much-research -effort-of-stack-overflow-users)が必要です。 –

答えて

-1

あなたの助けに感謝

tech2017 として

それはおそらくCSSをオーバーライドしています。 .imagesPanelを試してくださいimg {width:200px !important;高さ:200px!重要; } - tech2017 37分前

関連する問題