CSSでメニューの作成

質問

初心者ですがホームページを作成しています。
メニューをあとから追加して複数ページを一括変更するには、外部スタイルシートを用いてメニューを作成すると良い、ということを検索してみつけたのですが、どうすればいいのかよくわかりません。

過去の質問を検索するとCSSではメニュー自体は作れないと書いてあったのですが、実際はどっちが正しいのでしょうか？

もし作れるなら、作り方の載っているサイト等をおしえてください。

回答No.2

tenderfeel · ベストアンサー

外部スタイルシートを用いて～というくだりは、メニューのデザイン（スタイル）をＣＳＳで設定しておくと
スタイルシートの記述を変更するだけで全てのページのメニューのデザイン（スタイル）が変わる、という意味です。
なので、
<a href="index.html">HOME</a>|<a href="about.html">About</a>|…
↑こういう感じのメニューに、ＣＳＳで新しくリンクを追加するということは出来ません。
メニューが増えて横幅なんかを変えたくなったときには、デザインが一括変更できるので便利です。

ＨＴＭＬの変更はソフトによりけりですが、検索＆置換機能が楽だと思います。

たとえば
<a href="index.html">HOME</a>|<a href="about.html">About</a>|…
こういうメニューのHOMEとABOUTの間にTOPを入れたい　とする

検索文字列：[<a href="index.html">HOME</a>|<a href="about.html">About</a>]
置換文字列：[<a href="index.html">HOME</a>|<a href="top.html">Top</a>|<a href="about.html">About</a>]

お礼

お返事大変遅くなりました。ありがとうございます。

回答No.3

egoblock

CSSだけでは出来ないと思います。

mika0406さんがやりたいことは
JavaScriptで外部ファイル化してそれを呼び出すか、
テンプレート機能を持つオーサリングソフトでサイトを管理するか、
サーバーサイドスクリプトでインクルードするかのいずれかだと思います。

回答No.1

tom0120

過去の質問を検索するとCSSではメニュー自体は作れないと書いてあったのですが、実際はどっちが正しいのでしょうか？

・CSSっていうのは、「レイアウト」を司るものです。

日本語を正確に解釈すると・・・
「メニュー自体」という言葉には、「レイアウト」の配置の指定方法は含まれてません。

なので、・CSSでは、
「メニュー自体」はできません。

できるのは、「メニュー自体」の、「レイアウト」の配置の指定方法です。という意味です・・・