CSSを使ったメニュー
-
0 名前： ＣＳＳ初心者 ： 2006/10/06（金） 00:08 ID:E1C3NkzQ
- よく、ホームページで上の方に、共通メニューがありますが、
CSSだけで、なんとか作成することはできないでしょうか。
また、使ったようなページをみると、linkの<a>指定が全ての、ページに付けられていますが、
CSS内に書込むことはできないのでしょうか。
メニューが一個増えた場合などを考えると、CSSで作っても
結局は全てのページにリンク先を追加しなくてはなりません。
どうしたらいいのでしょうか。
-
1 名前： カヅサツ ◆ThCi95HEzw ： 2006/10/06（金） 00:08 ［URL］ ID:O5hEMlpW
- > CSSだけで、なんとか作成することはできないでしょうか。
できないです。
> どうしたらいいのでしょうか。
ここはスタイルシート質問板ですので、スタイルシートでできないことは「できない」としか答えられないです。
総合質問板で質問されると良いと思います。
-
2 名前： きりん ： 2006/10/06（金） 00:08 ID:zq/MW3NL
- ＣＳＳではできないけれど、
メニューのＨＴＭＬを一箇所だけ変更して全ページに反映させるのをご希望なら、
Ｊａｖａスクリプトの外部ファイルで読み込むとかで対処できますよ。
ＳＳＩが使える環境なら、インクルードすると簡単なのでは。
読み込まれる側のファイルは、メニューリンク部分のＨＴＭＬソースを保存して
（※階層違いのページがある場合は、フルパスで）、
読み込むページファイルにタグを書いて（<!--#include virtual="menu.html" -->）
.shtml拡張子で保存。（サーバーの負荷軽減の為）
他にもインクルードな機能が使える言語なら大抵ＯＫかも。
-
3 名前： きりん ： 2006/10/06（金） 00:08 ID:zq/MW3NL
- 補足説明：
ＣＳＳは、基本的にはＨＴＭＬの見た目を装飾するのであって、
ＨＴＭＬの構造自体を変更できるものではありません。
なので、ＣＳＳだけでのＨＴＭＬのＡタグの変更は、なんともならないのです。
すっかり忘れてましたが、Dreamweaverのテンプレートを使用しても、
一箇所変更で使用しているページに反映できます。私はＳＳＩ派ですが。
ＳＳＩについては、こちらに詳しくありましたね。
http://www.tagindex.com/other/ssi.html
-
4 名前： 五月雨 ： 2006/10/06（金） 00:08 ID:q0XLEugU
- メニューとは、↓のようなプルダウンメニューのことでしょうか？
Mozilla Firefox まとめサイト
http://firefox.geckodev.org/
CSSでも "display: none" を用いることで、実現できます。
Google検索: CSS リモートロールオーバー
http://www.google.co.jp/search?ie=euc-jp&lr=lang_ja&num=30&q=CSS+%a5%ea%a5%e2%a1%bc%a5%c8%a5%ed%a1%bc%a5%eb%a5%aa%a1%bc%a5%d0%a1%bc
-
5 名前： 五月雨 ： 2006/10/06（金） 00:08 ID:q0XLEugU
- よく見たら、投稿日が一ヶ月前ですね…。
失礼しました。
