- ベストアンサー
CSSで、DIV#hogeという記述は何の意味を表しますか?
CSSファイルで、 DIV#hoge { xxxxxxxxxxx; } と書かれているものがありますが、この「DIV#」とは何でしょうか? YahooでもGoogleでも「DIV#」とか「DIV#とは」とかで検索するのですが、珍しくヒットしません・・・・ 普通なら、 div idをつくりたいならば、#hogeと書きますし、div classをつくりたいならば .hogeと書くと思いますが、DIV#hogeというのは何のことでしょうか?
- みんなの回答 (8)
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- CSSで、 #hoge と、 div#hoge の違いは?
CSSのID属性の指定で、#hoge と、 div#hoge のように参考書によって二通り見かけるのですが、これの違いはあるのでしょうか?
- ベストアンサー
- HTML
- 自働生成される<div>タグに連番を振りたい
いつもお世話になってます。 早速ですが、質問です。 <div class=hoge">あああ</div> <div class=hoge">あああ</div> <div class=hoge">あああ</div> <div class=hoge">あああ</div> と自動的に吐き出される時、 divに【 class="hoge" id="hoge1" 】のように記述を追加したいのです。 <div class=hoge" id="hoge1">あああ</div> <div class=hoge" id="hoge2">あああ</div> <div class=hoge" id="hoge3">あああ</div> <div class=hoge" id="hoge4">あああ</div> ただ、onloadイベントを使わずに上記を実行したいのですが、 書き方が分かりません。 onloadを使わない書き方をご教授ください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- CSSでDIV IDをつかった行間設定
css div#hoge { line-height: 200%; } hoge.html <body> <div id="hoge"> あいうえお<BR> かきくけこ<BR> </div> </body> 上記にてやってみると行間が200%になってくれません。行間を200%にするにはどうすればいいですか。 おしえてください ぐー!
- ベストアンサー
- HTML
- xhtml+cssでdivをdivで内包する
xhtml+cssでウェブサイトを作成しています。 その際、 <div id="a"> <p>題名</p> <div class="b">内容</div> <div class="b">内容</div> </div> のようにdiv要素内にdiv要素を内包したいと思っています。 しかしこのままだと親であるdiv id="a"を、子であるdiv class="b"がはみ出してしまいます。 cssハックを使用する方法が http://www.alink.co.jp/tech/blog/2009/04/13/css-clearfix%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9Fdiv%E3%81%AE%E6%AE%B5%E7%B5%84%E3%81%BF%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF/ に掲載されていましたが、IE7とIE-MACが対象のようです。 これと同じような効果が得られるもので、IE6以降、Firefox2以降、Fodoraそれぞれに対応している方法はありますでしょうか? 私がどうしたいのか少しわかりにくいかもしれませんが、上記URLでどうしたいのかはわかると思います。 アドバイスお願い致します。
- ベストアンサー
- CSS
- CSS使用時のDIVにおける背景指定について
現在ホームページの作成でCSSをメインに練習を行なっております。 テーブル配置を最小限にと思い、CSSにて制作を試みておりますが、 ヘッダー部分だけがどうしても上手くいかずつまずいてます。 色々なCSSに関するページも検索しましたが、いまいちピンと来るものもなく、もしかしたら出来ないのかな?とも考え始めております。 でも、大手のサイトなどを拝見する限り見栄え的にも出来ている様なので自分にCSSに対する理解が低いのかとも思いますが、どうかご教授 をお願いいたします。 先ず構想図から… ---------------------- | DIV id="h-top" | ---------------------- | DIV id="h-cate" | ---------------------- | | | | | | |DIV | DIV | |id="index"| id="main" | | | | | | | | | | ---------------------- | DIV id="footer" | ---------------------- 上記のようなありがちなレイアウトのHPを考えています。 DIV id="h-top",id="H-cate"においては通常のヘッダーとしています。 質問は、上記のDIV内容の記述についてなのですが、 ●DIV id="h-top"は、 横100%に対し、横20PX、縦100PXの背景画像を並べ、中央に横740PX、 縦100PXのメイン画像画像を入れたいと思っております。 ●DIV id="h-cate"には、 横100%に同じく背景画像として横20PX、縦43PXの画像を並べ、中には 横740PXに合わせたナビボタン(w123*h40)を6つ配置したいと考えています。 共に画像とナビボタンは配置可能なのですが、背景画像が表示できなく 困っております。 現状でのHTML文では以下の通りとなっております。 <body> <DIV id="header"> <DIV id="h-top"> <img src="hoge" width"740" height"100" alt""> </DIV> <DIV id="h-cate"> <ul class="h-navi"> <li class="h-navi01"> <A href="index.html"> <span class="span1">トップページ </span></A> </li> <li class="h-navi02"> <A href="web/index.html"> <span class="span1">取扱商品一覧 </span></A> </li> ・ ・ ・ </ul> </DIV> </DIV> </body> CSSも書こうと思いましたが、色々とやりくりして今では表示も 配置もおかしくなってしまいましたので、控えさせて頂きました。 また説明文が下手で分かりづらいかと思いますが、どうぞ宜しくお願いします。
- ベストアンサー
- CSS
- CSSのdivパーツの配置がうまくいきません!助けてください!!
CSSのdivパーツの配置がうまくいきません!助けてください!! 完成予想図 ┌―――――――――――――――――――┐ |画像 | |┌――┐ ┌――――――┐┌――┐| ||ロゴ| || ||検索|| |└――┘ └――――――┘└――┘| └―――――――――――――――――――┘ 現実・・ ┌―――――――――――――――――――┐ |画像 | |┌――┐ | ||ロゴ| | |└――┘ | |┌――――――┐┌――┐ | ||| ||検索| | |└――――――┘└――┘ | └―――――――――――――――――――┘ 画像の上にロゴを配置しています。 さらにロゴの同じ高さの右側に検索窓を付けたいと思っています。 現状のCSSは、以下のようになっています。 /* ヘッダー */ div#header {background-color: #017acd; background-image: url(sky.jpg); padding: 28px 20px 100px} div#header h1 {margin: 0} div#header p {color: #ffffff; font-size: 0.75em; margin: 0} htmlファイルにgoogleのサイト内検索パーツを追加しようと、 div#google {width: 240px; margin-right: 500px} を追加しましたが、実際はうまくいかず、ロゴの下に表示されます。 右側に移動することはできましたが、平行線上には持っていけません。 誰か助けてください・・・ HTMLファイル: <!-- ヘッダー --> <div id="header"> <h1><img src="logo.gif" alt="LOGO" /></h1> <p>このサイトは、料理を扱うサイトです。</p> <!-- SiteSearch Google --> <div id="google"> <form method=get action="http://www.google.co.jp/search"> <input type=text name=q size=26 maxlength=255 value=""> <input type=hidden name=ie value=Shift_JIS> <input type=hidden name=oe value=Shift_JIS> <input type=hidden name=hl value="ja"> <input type=submit name=btnG value="検索"> <input type=hidden name=domains value="yahoo.co.jp"><br> <input type=radio name=sitesearch value="yahoo.co.jp" checked>Site sherch by <img src="Logo_25gry.gif" alt="Google LOGO" align="absmiddle"> </form> </div> </div>
- ベストアンサー
- ブログ
- 横並びにするCSS
以下のdivタグ内のimgタグを横並びに表示するCSSは .container{ display:flex; } で合っていますか? <body> <section class="container cf"> <div class="hoge"><img src="img1.jpg" alt=""></div> <div class="hoge"><img src="img2.jpg" alt=""></div> <div class="hoge"><img src="img3.jpg" alt=""></div> <div class="hoge"><img src="img4.jpg" alt=""></div> </section> </body>
- ベストアンサー
- CSS
- CSSで横並び
divタグ内のimgタグを横並びに表示するCSSは、 .container cf{ display:flex; } で合っていますか? <body> <section class="container cf"> <div class="hoge"><img src="img1.jpg" alt=""></div> <div class="hoge"><img src="img2.jpg" alt=""></div> <div class="hoge"><img src="img3.jpg" alt=""></div> <div class="hoge"><img src="img4.jpg" alt=""></div> </section> </body>
- ベストアンサー
- CSS
- CSS・DIVについて
CSS初心者ですが、質問させていただきます。 <やりたいこと> 同一ページ内にて、下記の(1)(2)をCSSで指定したい。上から(1)(2)(1)の順で表示したい。 (1)幅700、文章中央揃え (2)幅600、文章左揃え <私が作成したもの> (関係ない部分は省略しています。) (実際は、(1)(2)の部分は半角英字の名前をつけています) <head> <style type="text/css"> body { text-align: center; } div#(1) { width: 700px; margin: 0 auto; text-align: center; } div#(2) { width: 600px; margin: 0 auto; text-align: left; } </style> </head> <body> <div id="(1)">タイトル</div> <div id="(2)">説明文</div> <div id="(1)">ホームに戻る</div> </body> <表示のされ方> (1)は正常に表示されているのですが、(2)にはCSS自体が適用されていないのです。 ちなみにIE9では私の思うように表示されるのですが、IE10になって表示されなくなりました。 なぜこのようになったか、お教えいただけますでしょうか。よろしくお願いいたします。
- 締切済み
- CSS
- 「css」 と 「div」の使い方について
例えば、「CSS」でページ全体の要素をクラス「contents」で設定した場合、 HTML では次のどちらの記述が正しいのでしょうか? 1.<body class="contents">・・・ </body> 2.<body> <div="contents">・・・ </div> </body>
- ベストアンサー
- その他(インターネット・Webサービス)
- ハガキ印刷をする際に何度も紙詰まりが発生し、ハガキを送ることができないトラブルが発生しています。ローラーの汚れが原因と思われますが、どのような対処方法があるのでしょうか?
- 質問者はWindows10を使用し、無線LANで接続しています。また、関連ソフトとしてPhotoShopを使用しています。電話回線はひかり回線を使用しています。この環境でのハガキのプリントトラブルの対処方法について教えてください。
- このトラブルに関するハッシュタグ:#ハガキプリントトラブル #紙詰まり #ハガキ送信不可 #対処法 #ハガキ印刷
お礼
いつも本当に有難うございます<(_ _)> なるほど、そのような二つのケースで少なくとも必要性が出てくるということですね! 特に間違って同姓同名の名づけをした場合におかしくなってしまうというお話には大きな気づきを頂きました<(_ _)> 確かに、記述が多くなればなるほど、名づけていないつもりが間違って同じ名前をつけてしまう可能性が出てくるというわけですね。 そのような間違い防止にもなるというのは便利ですね! > また#4で困惑されているのは div#hoge とdiv #hoge と半角スペースの有る無しでまったく別のものを指定することになるからです 何と、半角スペースがあったとは・・・ それでだったんですね。これまた全く意味が違いますね! 誠にありがとうございました!