• 解決済 kiki555

    (@kiki555)


    現在ローカルでテストしているんですが、
    ヘッダーにテーブルで画像を五つ並べて表示しているんですが、
    CSSでwidthとheightをしていしても、画像のサイズがバラバラになります。

    それぞれ横幅がバラバラで、小さい画像と大きい画像ではかなり差があります。

    テーマはstinger5ver20150505bを使っています。
    自分なりにCSSをいじってみたのですが、原因が分かりません。
    どうぞよろしくお願いいたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • 画像ファイルの条件(ファイル形式、画像の縦横サイズ)が等しいとしたら
    WordPress の側から考えるとテーマのスタイルシートが影響しているのかもしれませんね。
    他のテーマでは変化はあるでしょうか。

    こんにちは、以下のようなスタイルを追加してみてどうですか?

    <table class="example">
      <tr>
        <td >1000000000000000000000000000</td>
        <td >10000000</td>
      </tr>
    </table>
    
    table.example {
       /* セルを等間隔*/
        table-layout: fixed;
    }
    .example td img{
       /* 画像ははみ出し禁止*/
        max-width:100%;
    }
    トピック投稿者 kiki555

    (@kiki555)

    アドバイスありがとうございます。

    nobitaさんの教えて頂いたCSSを追加してみましたが、均等にならないでバラバラのままでした。

    맹조さんが言われたようにテーマを変えてTwenty Elevenで試してみましたが、
    こちらもバラバラのままでした。

    CSSの指定の仕方が悪いんでしょうか?
    .name {
    border-style: solid;
    border-color: #CCCCCC;
    table-layout: fixed;
    }

    .name a {
    color: #4682b4;
    }

    .name td img {
    width: 220px;
    height: 220px;
    max-width:100%;
    }

    テーブルの枠が固定サイズなら、画像サイズをはみ出す部分は隠す方向も考え方としてはあると思います。

    トピック投稿者 kiki555

    (@kiki555)

    맹조さんありがとうございます。

    CSSを調整し直したところ解決することができました。

    お二方ありがとうございました。

5件の返信を表示中 - 1 - 5件目 (全5件中)

トピック「ヘッダーで表示しているテーブルの中の画像サイズがバラバラ」には新たに返信することはできません。