CSSを使ったメニュー



0   名前: CSS初心者 : 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
CSSではできないけれど、
メニューのHTMLを一箇所だけ変更して全ページに反映させるのをご希望なら、
Javaスクリプトの外部ファイルで読み込むとかで対処できますよ。

SSIが使える環境なら、インクルードすると簡単なのでは。
読み込まれる側のファイルは、メニューリンク部分のHTMLソースを保存して
(※階層違いのページがある場合は、フルパスで)、
読み込むページファイルにタグを書いて(<!--#include virtual="menu.html" -->)
.shtml拡張子で保存。(サーバーの負荷軽減の為)

他にもインクルードな機能が使える言語なら大抵OKかも。

3   名前: きりん : 2006/10/06(金) 00:08  ID:zq/MW3NL
補足説明:
CSSは、基本的にはHTMLの見た目を装飾するのであって、
HTMLの構造自体を変更できるものではありません。
なので、CSSだけでのHTMLのAタグの変更は、なんともならないのです。

すっかり忘れてましたが、Dreamweaverのテンプレートを使用しても、
一箇所変更で使用しているページに反映できます。私はSSI派ですが。

SSIについては、こちらに詳しくありましたね。
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
よく見たら、投稿日が一ヶ月前ですね…。
失礼しました。

一覧へ戻る