- 締切済み
ヘッダのメニューバーを画面の横一杯に伸ばすには
ganmo717の回答
- ganmo717
- ベストアンサー率0% (0/10)
CSSをリセットしましたか？
関連するQ&A
- 広告が邪魔
http://news4vip.livedoor.biz/archives/52021422.html このサイトが、どまんなかに広告が出て、消せないのですが、 消す方法か、広告を横に移動させる方法はありますか？
- ベストアンサー
- その他（インターネット・Webサービス）
- ヘッダーとフッターを画面いっぱいにする方法について
添付画像のようにヘッダー部とフッター部だけを画面いっぱいにしたいと思っています。 HTMLはおおよそ以下のような構成になっています。 CSSでは <div id="container">に対して以下のように記述しています。 --------------------------------------- #container{ width:1000px; margin: 0,auto; } --------------------------------------- HTML内のheaderやfooterを<div>で囲むwrapを作り、それらにwidth: 100%;とCSSに記述してやればうまくいくような事を聞きましたがうまくいきませんでした。 それほど複雑な構成ではないシンプルなタグ構造だと思います。 ヘッダーとフッターの幅を添付画像のように画面いっぱいに広げるにはHTML, CSSにどのような記述をすればいいのでしょうか？ ご存知の方いらっしゃいましたら宜しくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル<title> </head> <body> <div id=container> <header> ヘッダー </header> <nav> </nav> <main> </main> <footer> フッター <footer> </div> </body> </html>
- 締切済み
- HTML
- お勧めのニュース系のサイト
http://news4vip.livedoor.biz/ このサイトと同じようなサイトいくつかありますよね？これと同じようなサイトでお勧めのサイトを教えてください。よろしくお願いします。
- ベストアンサー
- 5ちゃんねる(2ちゃんねる)
- 5ｃｈ系のブログ
http://news4vip.livedoor.biz/このようなサイトの類は結構ありますが、その中でも特に人気があるサイトを教えてください。よろしくお願いします
- ベストアンサー
- 5ちゃんねる(2ちゃんねる)
- ブログのメニューバー内に画像表示をしたいのですが
どうかお助け下さい。 以下の画像のように、メニューバー内のテキスト隣に画像表示をしたいのですが・・・ http://blog-imgs-54.fc2.com/p/a/c/pachislo777question/2012y06m13d_134350964.jpg http://news4vip.livedoor.biz/ どうしてもうまくいきません。 以下のURL先にあるメニューバー表示方法を使ったのですが・・・ http://10plate.blog44.fc2.com/blog-entry-176.html どうしても↓のようにズレが出てしまいます。 http://blog-imgs-54.fc2.com/p/a/c/pachislo777question/2012y06m13d_134411361.jpg 具体的には以下のように設定しました。 ▼HTMLタグ <ul id="menu_bar"> <li><a href="<%url>" style="width:120px;">トップページ</a></li> <li><a href="http://pachislo777question.blog.fc2.com//?xml" style="width:70px;"><Img Src="http://blog-imgs-54.fc2.com/p/a/c/pachislo777question/RSS.png" Width="30" Height="30">RSS</a></li> <li><a href="<%url>" style="width:120px;">???</a></li> <li><a href="<%url>" style="width:120px;">???</a></li> <li><a href="<%url>" style="width:120px;">???</a></li> <li><a href="<%url>" style="width:120px;">???</a></li> </ul> 画像に対してAlignタグでテキストを回り込ませると、”RSS”のテキストが自動で中央中段表示になっているようで、どうしても崩れてしまいます。 又、ボタン自体を画像表示させようとも考えたのですが、やはり崩れるようで諦めました・・・ どのようにすればメニューバー内に画像を表示させる事ができるでしょうか？ どうぞよろしくお願いします。
- 締切済み
- ブログ
- CSSでスクロールバー
CSSでdivタグにwidthとheightを指定してボックスを作ります。そして、そこにoverflow:scroll;を指定して、そのボックスにスクロールバーを表示させるのですが、下のスクロールバーを表示させないようにするにはどうすればいいんでしょうか？右横の縦方向のスクロールバーは必要ですが、表示させるもののwidthが決まっている場合、下の横方向のスクロールバーが邪魔で仕方ないんですけど。 どなたか教えて下さいませんか？？
- ベストアンサー
- HTML
- トップバリューはまずいですか？？
トップバリューの評判がすこぶる悪いのですが？ http://news4vip.livedoor.biz/archives/52295997.html トップバリューはまずいですか？
- ベストアンサー
- 素材・食材
- メニューの横スクロールバーを消したい
色々と探しても解決法が見つからないのでどなたかご教授いただけませんでしょうか。 ※無事表示されればそれでいいのでhtmlの記述方法についてのお叱りなどは勘弁して下さい。 ドロップダウンメニューをセンタリング表示しているのですが、 どうあっても横スクロールバーが出てしまいます。 下記サイトではoverflow:hiddenを使用すると書いていますが 使用するとドロップダウンが非表示になってしまうため難しいです。 http://www.coolwebwindow.com/csstips/csstechnic/000241.php 【html】 <div id="global-nav"> <ul class="menu" id="menu"> <li class="a">イメージ画像</a> <ul> <li>ドロップダウン</li> <li>ドロップダウン</li> <li>ドロップダウン</li> </ul> </li> <li class="a">イメージ画像</a> <ul> <li>ドロップダウン</li> <li>ドロップダウン</li> </ul> </li> <li class="a">イメージ画像</a> <ul> <li>ドロップダウン</li> </ul> </li> <li class="a">イメージ画像</a> <ul> <li><a href="dl-1.html">ドロップダウン</a></li> <li><a href="dl-2.html">ドロップダウン</a></li> <li><a href="dl-3.html">ドロップダウン</a></li> </ul> </li> </ul> </div> 【css】 div#global-nav { position:relative; width: 1000px; height: 40px; margin: 0 auto; background: #999; } ul.menu { position: relative; list-style:none; left:50%; float:left; margin:0; padding:0; text-align: left; } ul.menu * { margin:0; padding:0; } ul.menu a { display:block; color:#000; text-decoration:none; } ul.menu li.a { position: relative; left:-50%; float:left; } ul.menu ul { position:absolute; top:40px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; } ul.menu ul li { position:relative; border-top:none; width:180px; margin:0; } ul.menu ul li a { display:block; padding:3px 7px 5px; background-color:#d1d1d1; } ul.menu ul li a:hover { background-color:#c5c5c5; } ul.menu ul ul { left:180px; top:-1px; } ul.menu .menulink { width:180px; } ul.menu .menulink:hover, ul.menu .menuhover { background:url(images/header_over.gif); } ul.menuの中のleft:50%を消すと横スクロールバーが消える事はわかったのですが、 それだと中央揃えにならないので…。 どうか宜しくお願いします！
- ベストアンサー
- HTML
- ラーメンを食べると下痢をするのはなぜ？
ラーメンを食べると下痢をしますよね。 今まで当たり前と思っていたのですが、これはなぜなのでしょうか？ http://news4vip.livedoor.biz/archives/51120981.html こちらをみてふと疑問に思いました。 科学的な理由を教えてください。
- ベストアンサー
- その他（病気・怪我・身体の不調）
- ポップアップのメニューバーの作り方
メニューバーをポップアップで作成したいのですが、ＨＴＭＬとＣＳＳだけで作ること可能でしょうか。可能であれば、ソースや、おすすめの本、サイトなどをご教示お願いいたします。 作りたいメニューバーは、親メニューをマウスオーバーするとサブメニューがポップアップで表示されて、サブメニューをクリックするとリンク出来るメニューバーです。 ネットで検索したところ、ジェイクエリー モバイルや、JavaScrip を使用した方法は見つけたのですが、私は初心者で、ＨＴＭＬとＣＳＳしか知識がありません。 ＨＴＭＬとＣＳＳだけでは作成が難しい場合、他の方法（ジェイクエリー モバイルや、JavaScrip 等）で初心者でも出来そうなやり方（おすすめのやり方）があれば、ご教示お願いいたします。
- ベストアンサー
- CSS