• 締切済み

heightの指定が無視される

現在wordpressでサイトを作っているんですがimg画像の大きさを指定するのに width指定の方は大きさが変わるんですがheightの指定が無視されて困っています。 CSSの設定でheightだけ無効にするような方法があるのでしょうか。 よろしくお願いいたします。

  • HTML
  • 回答数2
  • ありがとう数7

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

img要素は置換インライン要素で、そのサイズは置換される要素のサイズに依存する。 　ここは良いですよね。 画像 640px×480px を用意して・・ <img src="[URL]" width="420" height="360" alt="テスト画像"> のような、HTML要素の属性として指定されていると、これに従います。 　詳細度は0ですから、スタイルシートで指定されていると上書きされます。 [ユーザーの最重要宣言]＞[著者の最重要宣言]＞著者の宣言＞ユーザーの宣言＞ブラウザの指定 　同じ詳細度だと、後出のもので上書きされます。 ＞heightの指定が無視されて困っています。CSSの設定でheightだけ無効 　heightが無効になっているので、「無視される」でよいのでは？？？ 　　質問の意味が不明です。 　

  • ONEONE
  • ベストアンサー率48% (279/575)
回答No.1

これだけの情報ですとなんとも状況がわかりませんね。 設定自体ではそのようなことになるかもしれませんが、 可能性はいろいろとあるので一概には言えません。 デベロッパーツールで確認はしていますでしょうか。

ryouzoutanabe
質問者

補足

自己解決しました。 ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • paddingを指定するとwidthやheightが広がってしまう、

    はじめまして。 今回CSSに挑戦しているのですが、widthとheightを指定して、それぞれpaddingを指定すると自動的に指定したpx分だけwidthやheightが広がってしまいます。 見るブラウザによってはwidthやheightに影響することなく指定できたりするのですが・・・ これらを解決する方法はありますでしょうか？ 今は、応急処置として大枠の中にもうひとつ枠を用意してmarginを指定しています。 ただ、あまりdivを入れ子？にするにもよくないと聞いたので・・・直接解決できればありがたいのですが・・・ どうかよろしくお願致します。

    • ベストアンサー
    • HTML
  • cssで、imgタグに、背景画像を敷きたい

    cssで、imgタグに、背景画像(影)を敷く方法を教えてください。 ※divタグに敷く方法は分かるのですが、imgタグに敷く方法が分かりません。 ■現状 ＜HTML＞ <div id="hoge"> <img src～ ＜CSS＞ #hoge img { background-image:url(/images/background_shodow.jpg); background-repeat: none; background:position: ？ width:？ height:？ margin:？ padding:？; ＜影の大きさ＞ ・width400px ・height200px ＜写真のサイズ指定＞ ・width390px ・height190px ※これまでは、 写真のサイズが違うので、 css部分の#hoge img で、 画像の大きさを強制指定してました。 出来れば、 画像の大きさは、html側で指定せずに、 css側で調整したいです。 ムリなら、html側で大きさ指定します。 div枠にcss設定できれば早いかと思いますが、 それが出来ないため(img タグにしかcss指定不可)の相談です。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • IMGタグごとにCSSを設定する方法

    自分でGoogleやYahoo検索をしても見つけられなかったので、どなたかお教えください。 現在、HTML内に以下のようにIMGタグで画像添付しています。 -------- <img src="***" width="160" height="140" /><br /> <img src="***" width="32" height="30" /> <img src="***" width="32" height="30" /> <img src="***" width="32" height="30" /> -------- 最初に大きな画像を表示し、その下に並列するかたちで小さいサムネイルを並べています。 普段はCSSでレイアウトをして、画像それぞれにstyle属性やclass、ID属性などを付けています。それが、今回は上述のHTMLを外部サイトのPHPから出力しているもので、一切触れない（編集できない）状態にあります。 このような状態の場合でも、画像それぞれにCSSを設定することは可能なのでしょうか？最低限の希望は、大きい画像（160px*140px）をひとかたまり、サムネイル画像（32px*30px）をひとかたまりとして、それぞれのかたまりにCSSを設定できれば良いと思っています。 可能であればHTML＋JavaScript＋CSSで実現できる方法を希望します。 どなたかお教えください。よろしくお願いいたします。

  • max-widthを指定した場合の縦サイズのリサイズ方法

    画像のサイズをCSSのmax-widthを指定した場合、縦のサイズを、縦横比率を変えずに自動でリサイズする方法を探しています。 CMS （Movable Type）でサイトを構築しており、ブログ記事の本文に「画像挿入」ボタンを利用して挿入するため、<img src="photo.jpg" width="600" height="400">とwidthとheightが指定された状態のため、max-widthで400pxと指定すると画像が縦長になってしまっています。 どのようにすれば縦横比率を変えず、さらにmax-widthのような形で縦のサイズを自動でリサイズする事ができますでしょうか？宜しくお願いします。

    • ベストアンサー
    • HTML
  • css heightについて

    wordpressのテーマのCocoonというのを使用しています。 そのページにだけ適用できるカスタムCSSに下記のようにtextareaの高さを指定したのですが、まったく変わりません。他に何か指定しないといけないものがあるのでしょうか？ textarea{ height:50px; }

    • ベストアンサー
    • CSS
  • [css]縦または横の長さを指定したい

    ｈｔｍｌとｃｓｓで、 任意の形の長方形のimgを、大きさの決まった正方形の中に最大限大きく表示したいです。 つまり、縦か横かの長い方のwidth(height)を一定の長さにしたいのですが、 そのような指定方法はあるでしょうか？ よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • cssの使い方について

    cssの使い方について imgやswfのheightやwidthはcssで設定することはできないのでしょうか？ div classで囲ってcssでwidthとheightを設定しましたが、レイアウトの前面のように浮き上がるだけでサイズ変更できませんでした。 その他の文字やボックスはcssでwidthやheightの設定ができるのに、なぜimgなどはできないのでしょうか？できるものとできないものが他にもたすうあるのでしょうか？

    • ベストアンサー
    • HTML
  • Safariの場合HTMLの内容を変更

    崖<img src="../gaiji/ga033.gif" width="2%" height="2%" alt="外字">の内容の「width="2%" height="2%"」をSafariの場合変更したい。 通常の画像の場合cssで変更できますかなぜか小さな画像はcssで変更出来ませんので 通常の画像の場合の指定 <img src="../syasin/suruga/a032.jpg" width="99%" height="100%" class="gh19" alt="旧道風景"> .gh19 {width:17em;height:26em;} 上記内容は、javascriptを使用してSafariのみ指定しています。 お分かりの方がいましたら教えて下さい。

  • jQueryでheightが指定されていないエレメントを得る方法

    jQueryでheightが指定されていないエレメントを得る方法 javascirptとjQueryを使ってサイトのデザインを変更しようとしています。 その中で「スタイルシートでheigihtが指定されていない」要素を 対象外にするために取り出そうとしていますが、うまくいきません。 $("*").css("height") 又は$("*").height() は、実態の高さを返します。 それが本来的な使い方で、希望しているものが例外的とは理解しています。 何らかの方法が無いかと悩んでいます。 何か方法まはたヒントがございましたら、ご教授ください。 よろしくお願いします。

  • width、heightを取得したい

    dbからデータを読み込み、データの量によってテーブルのサイズが変わります。 img.gifのwidth、heightを何らかで取得し$aと$bに渡すことは可能でしょうか。 ┌――――┬――――┐ │img.gif │inc.php │ └――――┴――――┘ <table> <tr> <td> <img src=./img.gif width=$a height=$b> </td> <td> <? include ('./inc.php'); ?> </td> </tr> </table> img.gifは四角の画像です。

    • ベストアンサー
    • PHP

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する