- ベストアンサー
CSSのことで迷子になってます。誰か教えて下さい。
CSSを使って各ページにメニューがあるページを作りたいのですが誰か教えて下さい。 パソコン初心者なもので・・・。 昨日まではHTMLのフレームを使うところまではいったのですが、それだとメニューをクリックした時にURLが変わりません。 URLが変わって、メニューに変更があった場合などは一箇所直せばすむようにしたいです。 誰か助けて下さい。
- みんなの回答 （2）
- 専門家の回答
関連するQ&A
- ＣＳＳについてです。 私は初心者で、ＨＴＭＬはわかるのですが ＣＳＳが
ＣＳＳについてです。 私は初心者で、ＨＴＭＬはわかるのですが ＣＳＳがわかりません。 ページをたくさんつくってサイドメニューだけは、同じにしたいのでＣＳＳでページの枠組みを作りたいです。どうぞよろしくお願い致します。
- ベストアンサー
- HTML
- CSSを利用したテンプレート一覧の作成
ローカルで、CSSを利用してテンプレート一覧を作りたいと思っています。 現状、以下のようなデスクトップ上にhtmlフォルダを作成し、menuページのリンクをクリックすると、tempフォルダ内に保存したテキストファイルが表示されるようなHTML（フレームページ）です。 ・htmlフォルダ ├tempフォルダ（このフォルダ内にテキストファイルでテンプレートを個別に保存） ├frame.html ├menu.html └temp.html ┌frame.html───────────────┐ ┏━━━━━━┳━━━━━━━━━━━━━┓ ┃ｍｅｎｕ ┃ｔｅｍｐ.html ┃ ┃ ┃ ┃ ┃あああ ┃ ┃ ┃かかか ┃ ┃ ┃たたた ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗━━━━━━┻━━━━━━━━━━━━━┛ たとえば、「あああ」をクリックしてtemp画面でテキストファイルを閲覧している状態の時に、リンク元がわかるように「あああ」の文字列を太字にする、もしくは文字列または背面の色が変わる、といった形にしたいのです。 それぞれ別の色のHTMLを用意するなどの方法も調べましたが、テンプレートの件数が増えてくると大変そうなので、CSSを利用してできる限りシンプルにしたいと思っています。 また、個人用でＣＳＳも詳しくないので、できるだけ簡単に実現できる方法を教えていただけませんでしょうか？ よろしくお願いいたします。
- 締切済み
- HTML
- CSSの擬似フレームでのリンク方について
今まではHTMLでフレームを使っていたのですが、勉強になりそうなので、CSSを使って擬似フレームでサイトを作ってみることにしました。 だいたいのカタチは出来たのですが、リンク時に疑問が。 HTMLの時のように、リンク先をどこに表示するか名前指定でリンクすればいいと考えていたのですが、CSSでは実際は1つのページなので、名前指定というわけにはいきませんよね？ リンクするときは新しいページに飛ぶ時・ページ内にリンクするとき以外は、擬似フレームのメニュー部を同じように記載したページを複製して、メイン部分を変えていくという解釈で良いのでしょうか？ 回答、お願いします。
- ベストアンサー
- HTML
- ホームページのメニュー作成で
ホームページをヒームページビルダー13の標準モードで作成しています（初心者です）。 フレームを3段に分けて真ん中のフレームをメニューとして作っていますがメニューへマウスを置くと画像が変わるロールオーバーにしたのですが、 クリックしてページを表示した時にそのページにあたるメニューの項目がマウスを置いた時の画像（または別画像）になり、 どのメニューのページが表示されているのか分かるよようにできればと思っています。 一つ一つのページのメニューを変更し登録をする以外に方法があるのでしょうか？（CSS等？） フレームを使う事で不都合があるようでしたら、変更することも可能です。 アドバイスを宜しくお願いします。
- 締切済み
- ホームページ作成ソフト
- CSSでこんなことしたい
ＣＳＳ初心者です。 ＨＰをこんどＣＳＳを使って作成したいと思っています。 で、いろいろなページを参考に独自でがんばろうと… そんな状況ですが、ページ内のメニューにマウスを持っていったときに メニューが増えるようにするにはどうすればいいのですか？ そんなＣＳＳがあるのでしょうか？
- 締切済み
- ホームページ作成ソフト
- CSSでフレーム
ご存知の方いらっしゃいましたらお教えください。CSSを利用してフレームのような動作をさせるにはどうすればいいのでしょうか？たとえばフレームにおいて仮にナビを左に、メインページを右にしてある場合、ナビのリンクのアクションがメインフレームへ該当するHTMLファイルを呼び出しますが、CSSでこの動作をさせることが出来るのでしょうか。参考になるHPなどございましたらお教えください。よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- CSSでのページ構築について
CSSでのページ構築について CSSでのサイト制作に挑戦しています。 まずは、テンプレートをつかってカスタマイズしてみようとおもい、テンプレートをDLしました。 「フッタ／左メニュー／メインコンテンツ／フッタ」というブログなどでよくあるものです。 （縦三段で、真ん中が左右２つに別れている2カラム） CSSファイルは、外部読み込み形式です。 トップページを作って、いざメニューからメインページのリンクを貼ろうと思ってつまずきました。 左ページのコンテンツメニューに設定したリンクを、右側の枠内に表示したいのですが、そういった場合は、どうすれよいでしょうか。普通に右側の内容をいれたHTMLにリンクすると、全画面がそのページになってしまって、ヘッダ／左メニュー／フッタは消えて（隠れて）しまいます。 ヘッダや左メニューをそのままにしてページ数を増やしたいときは、トップページをひたすらコピーして、右側の要素部分だけを変更していくのでしょうか？ でも、それだとCSSにする意味がないというか、全然楽ではないですよね。 左メニューの項目が増えた時など、全ページを修正しなければならなくなりますし。 自分なりにCSS関連のサイトを検索して調べてみたのですが、どこも「トップページをそのままコピーしているようにしかみえない」のです。 右側ページ内容のHTMLに、ヘッダやメニューも読み込ませるような設定が必要なのでしょうか？ ソフトはDW CS4を使っています。 どなたか、CSSの達人さま、教えてくださいませ。 お願い致します。
- 締切済み
- ホームページ作成ソフト
- htmlとcssを使ったメニューバー
ＨＰのメニューバーをhtmlとcssを使用して作成したいのですが、どういう風に調べてよいのかもわからないので、アドバイスだけでもいいので教えてもらえると助かります。 例えば下のようなメニューを作成するとします。 （「□トップ」という一つ一つの画像だと思ってください） □トップ □日記 □写真 □リンク これをフレームページの左側に表示させます。 トップページを右側に表示させている時、メニューのトップというところの画像がいれかわり、 ■トップ □日記 □写真 □リンク 上のように表示させ、日記ページを右側に表示させている時も同様に □トップ ■日記 □写真 □リンク と、現在見ているページのメニュー画像のみを入れ変えるという設定にしたいです。 できるのなら、cssとｈｔｍｌの記述例を教えてくださると大変助かります。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- HTML+CSSについて質問です
当方のHPは左サイドにメニューリスト、中央部分に記事を書いている2カラムです。また、ページ数は100ページくらいありますが左サイドのメニューリストは全て共通となっています。左サイドのメニューリストは定期的に更新しているのですが、一つの項目を追加したい(削除したい)場合、全てのページの左サイドメニューを更新しなければならず、かなりの手間がかかってしまいます。なので、左サイドメニューは独立したHTMLを作成し、更新の手間がかからないような形にしたいと考えています。このようなHTML＋CSSを作成する場合、どのようにすればよろしいのでしょうか？また、参考になるサイトがあればご教授よろしくお願いします。ちなみに当方のHPを作成する知識は、基本的なタグやCSSがわかる程度の初心者レベルです。
- ベストアンサー
- HTML
- frameでのcssの変更する方法
frameを使ってmain.html、menu.htmlを表示し、menu.htmlからmain.htmlのcss(外部)を変更する方法を教えてください。 frameのnameはmain.html→main、menu.html→menu、main.htmlのcssのidはmain、で指定してあります。 以下サンプルです frame.html <html> <head> </head> <frameset rows="50,*"> <frame src=main.html name="main"> <frame src=menu.html name="menu"> </frameset> </html> main.html <html> <head> <link rel="stylesheet" type="text/css" href="a.css" id="main"> ←(a.cssをb.css変更したい) </head> <body> </body> </html> menu.html <html> <head> </head> <body> </body> <a href="#">変更トリガー</a> </html>
- ベストアンサー
- JavaScript
お礼
早速、やってみます。 ホント、ありがとうございます。