- ベストアンサー
上と右だけ、はみ出させる方法知っている方お願いします
ヘッダーフッター付きの2カラムで左メニュー部分にメニューがあります。 そこでa:hoverフォントサイズ400%増しで指定し文字をドドーンと段組またがり表示したいのですが。 表示させるだけならoverflow:visibleでできるのですが、これだと下がウインドウサイズを変えるとはみ出します。 またz-indexをa:hoverにつけてやるとIEでは可能なのですが、operaではダメでした（スクロールバーの色も変わらず） overflow-xyもoperaダメでした 方法を知っている方お願いします。 知っている方なんでもいいのでお願いします。
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
試してダメだったソースを貼った方が答えがつきやすいと思いますよ。
関連するQ&A
- ヘッダー・左カラムは固定、右カラム可変のレイアウト
CSSでレイアウトを制作中なのですが、途中から分からず止まっております。 今の状況は縦に可変した時、左カラムのスクロールバーが最大まで表示されない状態です。また、右カラムは途切れてしまいます。 height100％に対し、ヘッダでピクセル指定しているからだと思うのですが。 ■CSS *{ margin:0px; padding:0px; } /** html */ html,body { height:100%; min-height:500px; overflow-y:hidden; } /** ヘッダ */ #header { height:125px; width:100%; } /** 左・右カラムの囲い */ #container { height:85%; margin-left:400px; } /** 左カラム */ #menu { float:left; height:85%; margin-left:-400px; overflow:auto; width:400px; } /** 右カラム */ #main{ float:right; height:100%; margin-left:430px; overflow:auto; width:100%; } /** フッタはありません */ ■HTML側 <div id="header"> ヘッダ </div> <div id="container"> <div id="menu"> 左カラム </div> </div> <div id="menu"> 右カラム </div> 以上です。 理想のレイアウトが、GoogleマップもしくはYahoo!マップの様に組みたいのですが・・・ http://maps.google.co.jp/ Googleマップ http://map.yahoo.co.jp/ Yahooマップ どなたかお力添えをお貸しください。 宜しくお願いします。
- ベストアンサー
- CSS
- フレームを使わないで毎回メニューを出す方法は？
こんばんわ。 現在、Webページを作成している途中です。 ヘッダ、メイン、フッタという上から３つのフレームをきっているんですが、ウィンドウのサイズを変えるとヘッダにあるメニューが隠れてしまうと言う指摘を受けました。 そこで、ヘッダとフッタ（せめてヘッダだけでも）をどのページでも表示して、かつウィンドウのサイズに左右されない（スクロールバーなどが出なくて）記述をするにはどうしたらいいのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- dreamweaver cs3 でのホームページ作成について
お世話になります。 以前HPBで全てテーブルレイアウトで添付画像のようなHPを作成致しました。 サイトのページ数が約15枚ほどで、画像の「1,ヘッダー」 「3,左メニュー」「4,フッター」は全てIフレームにして別のHTMLを表示させるようにしています。 「1,ヘッダー」「3,左メニュー」「4,フッター」は全てのページで共通 で表示され「3,コンテンツ」のみ内容が切り替わるようにしています。 この度ページを更新しようと思ったのですが、段々と左メニューやコンテンツ、フッター等内容が多くなってきてしまい、なおかつテーブルの入れ子に次ぐ入れ子という感じでレイアウトしていたために、どれがどのテーブルかわからず、レイアウトを調整しようと色々といじっていたらレイアウトがぐちゃぐちゃになってしまいました。 そこでこの際勉強も兼ねて一からサイトを作り変えようと思っております。ソフトはdreamweaver cs3でやってみようかと思っています。 cssを使って何とか添付画像のようなレイアウトは作れたのですが、 ヘッダー内や左メニュー内にも細かな段組みレイアウトが作れません。 通常細かな段組み（ヘッダー部分のメニューや左メニューのレイアウト）についてはやはりテーブルでのレイアウトが正しいのでしょうか？ まだdreamweaver cs3も使い始めて間もないもので細かなレイアウトの方法などが理解できていません。今後のサイト更新のためにも分かりやすい形で作りたいのですが・・・。 どなたかレイアウトについての参考URLや方法などご存知の方がいらっしゃいましたらご教授下さいませ。 よろしくお願い申し上げます。
- ベストアンサー
- ホームページ作成ソフト
- Movable Typeへの組み込み方法
サイトをMovable Typeへ組み込もうと思っています。 ヘッダ、右メニュー、メインカラム、フッタの構成の場合、メインカラムの部分をブログ記事として設定する方法が良いのでしょうか。 また同じサイト内でトップページだけはレイアウトが違っていたり、ページによっては左メニューになったりという場合はどのように対処すれば良いのでしょうか。
- 締切済み
- オープンソース
- 【WORD】ヘッダ・フッタ枠の大きさを変える方法について
WORD2003を使っています。 ヘッダーフッターを表示すると 初期だと余白部分にヘッダー・フッター領域の点線が表示されるのですが、既存のデータなどに時々ヘッダー・フッター領域が余白部分より 広いものがあります・ ENTERキーを押すことで領域は広がるとは思いますが、 それ以外にサイズを変える方法はないのでしょうか？ ネットで探してみたところ インストラクタのネタ帳サイトで下記のようなのがありました。 ▼操作手順：ヘッダー・フッター領域のサイズを変更する メニュー［ファイル］－［ページ設定］をクリック ↓ ［ページ設定］ダイアログ－［余白］タブをクリック ↓ ［余白］－［上］［下］欄の数値を変更 ↓ ［ページ設定］ダイアログ－［その他］タブをクリック （Word 97,2000では不要） ↓ ［ヘッダーとフッター］－［用紙の端からの距離］ －［ヘッダー］［フッター］欄の数値を変更 ↓ ［ページ設定］ダイアログ－［OK］ボタンをクリック やってみましたが、［用紙の端からの距離］というのは文字通り 用紙の端からの距離であって 点線の領域サイズの変更にはなりませんでした。 良い方法を教えていただけるとうれしいです。
- 締切済み
- オフィス系ソフト
- ヘッダーとフッターを横100％にする方法
ヘッダーとフッターを横100％にする方法 添付の画像のように段組したページを制作したいと考えています。 AとDは窓の大きさを変えたり、お気に入りを閉じてようが開いてようが、 関係なく横100％になるように(背景が表示されるよう)表示させたいと思っています。 B・Cに関しては、横800pxで表示したいのですが、外部CSSで設定するいい方法を教えてください。 参考URLとしては、http://www.chem.keio.ac.jp/な感じでしょうか。 よろしくお願い致します。
- ベストアンサー
- HTML
- フレームを使用しないフレームのようなページ
ホームページを制作しています。フレームは使用していません。 コラム集のページがあり、1つのコラムごとに1ページで作りたいと思います。 ヘッダ部分・メニュー部分・フッタ部分は1つのHTMLで、コラムを表示する部分だけ表示を切り替えたいと思っています。 (要はフレームを使用したページのようなものを実現したいです。) iframeを使用しようかと思ったのですが、 コラムページの内容量(縦の長さ)により、親のHTMLのページサイズを変えたいので iframeでは不可能と判断しました。 CSSやJavascriptを用いて上記のような事が実現できないでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- Wordのヘッダーとフッターツールバーの「定型句の挿入」ができません
Word2002でヘッダーとフッターを編集しようと思い、メニューの「表示」→「ヘッダーとフッター」をクリックしたところヘッダーとフッターツールバーが表示されたのですが、定型句の挿入をクリックしてもなにもでてきません。なんででしょうか？
- ベストアンサー
- オフィス系ソフト
- ヘッダー・フッター固定HTMLに関して
ヘッダー・フッター固定HTMLに関して ヘッダー・フッター固定で（間）中段にFlashコンテンツを横100%縦100%で表示するHTMLを作成しようと思っております。 そこで、下記のHTMLソース、及びCSSで指定しているのですが、上手くいきません。 ヘッダー・フッター固定はできますが、Flashを表示しようとすると思うようにいきません。 「body > #wrapper」を「height:auto;」にすると、Flash部分の高さが小さく、 「body > #wrapper」を「height:100%;」にすると、フッター部分が消えてしまします。 【HTML】 ～～～～～～～～ <div id="head">～ヘッダー～</div> <div id="flashcontents">～Flashデータ～</div> <div id="foot">～フッター～</div> ～～～～～～～～ 【CSS】 ～～～～～～～～ html,body {margin:0; padding:0; overflow:hidden;} #head{～サイズなどを指定～} #flashcontents{margin: 0; height: 100%; width: 100%;} body > #flashcontents {height:100％; position: absolute;} #contents { position: fixed; overflow:hidden; bottom:0; 他サイズなど指定…} ～～～～～～～～ 以上、分かりにくい説明かと思いますが、もしお分かりになれば教えて頂けますでしょうか？ よろしくお願い致します。
- 締切済み
- CSS
- ヘッダーとフッターのツールバー
ヘッダーとフッターのツールバー ワード２００３を使用しています。 メニューバーの「表示」をクリックするとドロップダウンメニューの中に「ヘッダーとフッター」がありますが、文字の左にボタンが表示されてますよね。 その場合は、ツールバーにボタンとして登録されているんですよね。 でも、メニューバーの下のツールバーには「ヘッダーとフッター」のボタンがありません。 いったいどこにあるのでしょうか？
- ベストアンサー
- オフィス系ソフト
