商品画像と商品情報欄のズレ

2014 年 11 月 26 日

ホーム フォーラム 使い方全般 商品画像と商品情報欄のズレ

このトピックには4件の返信が含まれ、2人の参加者がいます。2 年、 11 ヶ月前 yamada yoshiki さんが最後の更新を行いました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #72861

    yamada yoshiki
    参加者

    タイトルの通りです。
    商品画像と商品名や価格などの情報を一列に並べたいのですが、何が問題なのでしょうか。
    画像の登録前からズレているようです。
    ご教授よろしくお願いします。

    ——————————————-
    WordPress のバージョン:4.0.1
    Welcart のバージョン:1.4.11
    ご利用のテーマ:Accesspress Liteバージョン: 2.26
    症状を確認したブラウザ:IE chrome
    サーバー(会社名、サービス名):さくらインターネット スタンダード
    SSLの利用:共有SSL 
    WordPress のパーマリンク設定:デフォルト
    ——————————————–

    Attachments:
    You must be logged in to view attached files.
    #72866

    yasumax
    キーマスター

    こんにちは。

    お使いのテーマにて、h1~h6タグに対して「clear:both;」などのフロート解除指定が入っているのではないでしょうか。

    スタイルシートに#itempage h1など各見出しタグに対して「clear:none;」を足してみてください。

    #72887

    yamada yoshiki
    参加者

    yasumaxさん
    すごい。仰るとおりに下記のとおりCSSに加えてみたら横一列に並びました。
    本当にありがとうございます。

    #itempage h1, h2, h3, h4, h5, h6 {
    clear:none;
    }

    #72900

    yasumax
    キーマスター

    こんにちは。

    その記述ですと、h1以外は全ページに影響が出てくる可能性があります。
    商品詳細ページだけで利用する場合は、下記のようにするといいかと思います。

    #itempage h1,
    #itempage h2,
    #itempage h3,
    #itempage h4,
    #itempage h5,
    #itempage h6 {
    clear:none;
    }
    #72901

    yamada yoshiki
    参加者

    yasumaxさん
    訂正ありがとうございます。
    一つひとつに#itempageをつける必要があったんですね。

    早速CSSを書き換えました。
    重ね重ねありがとうございます。

5件の投稿を表示中 - 1 - 5件目 (全5件中)

このトピックに返信するにはログインが必要です。