HOME  □ MANUAL  □ 新着記事  □ 新規投稿  □ ツリー表示  □ 記事全文表示  □ SEARCH  □ 過去ログ
ツリー表示

MASSAGE プルダウンメニュー /まあみ (2009/04/07(Tue) 17:50) NO.4944
......MASSAGE Re[1]: プルダウンメニュー /さゆぼう@管理人 (2009/04/07(Tue) 20:38) NO.4945
............MASSAGE Re[2]: プルダウンメニュー /まあみ (2009/04/08(Wed) 11:32) NO.4946
..................MASSAGE Re[3]: プルダウンメニュー /さゆぼう@管理人 (2009/04/08(Wed) 11:47) NO.4947
........................MASSAGE Re[4]: プルダウンメニュー /まあみ (2009/04/08(Wed) 15:08) NO.4948 解決済み!


親記事 / ▼[ 4945 ]
NO.4944  プルダウンメニュー
□投稿者/ まあみ
□投稿日/ 2009/04/07(Tue) 17:50:19
□URL/
さゆぼうさん、お久しぶりです。
何年振りかでお邪魔致しました。覚えていて下さると嬉しいのですが・・・。
今回新しくサイトを作るにあたり、CSSでプルダウンメニューがどうしても作りたいのですが、実は、CSSは何となく理解できてきた・・・程度の知識しかありません。
難易度的に考えて、諦めた方が良いでしょうか?

すっかりご無沙汰していると思ったらひょっこりやってきて、つまらない質問でごめんなさい。
でも、ずっと変わらず皆さんの為に頑張っていらっしゃるご様子でとっても嬉しいです。
私も頑張ろうと励まされました。どうもありがとう♪



▲[ 4944 ] / ▼[ 4946 ]
NO.4945  Re[1]: プルダウンメニュー
□投稿者/ さゆぼう@管理人
□投稿日/ 2009/04/07(Tue) 20:38:17
□URL/
まあみさんお久しぶりです〜覚えていてくださってさゆぼうこそ嬉しいです♪

> 今回新しくサイトを作るにあたり、CSSでプルダウンメニューがどうしても作りたいのですが、実は、CSSは何となく理解できてきた・・・程度の知識しかありません。
> 難易度的に考えて、諦めた方が良いでしょうか?

プルダウンメニューとか、ドロップダウンメニューとか、ポップアップメニューとか
色々呼び方があるみたいですが

HopupSCRIPT
http://www.calm-web.com/lecture/script/h_script/index.html

こちらで紹介している奴でしょうか?
これはCSSとJavaScriptを組み合わせているやつです。
JavaScriptも組み合わせると設置が難しくなりますが、
普通に作ろうと思うとJavaScriptが必要になります〜。

IE対策でHTCファイルを使った例だと
CSSだけでも実現可能のようです。

バシャログ
http://c-brains.jp/blog/wsg/08/06/05-155929.php

こっちの方が設置は簡単そうですが、メニューのデザイン的な自由度は下がりそうですね〜。



▲[ 4945 ] / ▼[ 4947 ]
NO.4946  Re[2]: プルダウンメニュー
□投稿者/ まあみ
□投稿日/ 2009/04/08(Wed) 11:32:06
□URL/
早々のお返事、ありがとうございます。
早速ですが・・・
こちらのサイトで紹介されている

http://www.stylish-style.com/csstec/ultimate/css-roll-4.html

デフォルトの場合・・・という、ごくシンプルな物で良いのですが、カーソルを合わせても何も変化がありません。多分、cssとうまくリンクされていないのだと思いますが、何をどうして良いのやら、実はちんぷんかんぷんなのです。

スタイルシートは、HTMLに組み込む形では使ったことはありますが、外部シートから読み込ませてページをレイアウトしてみたいと思っている程度の未熟者です。
いつも、身の程知らずな高望みで困らせてごめんなさい。



▲[ 4946 ] / ▼[ 4948 ]
NO.4947  Re[3]: プルダウンメニュー
□投稿者/ さゆぼう@管理人
□投稿日/ 2009/04/08(Wed) 11:47:07
□URL/
> 早々のお返事、ありがとうございます。
> 早速ですが・・・
> こちらのサイトで紹介されている
>
> http://www.stylish-style.com/csstec/ultimate/css-roll-4.html
>
> デフォルトの場合・・・という、ごくシンプルな物で良いのですが、カーソルを合わせても何も変化がありません。多分、cssとうまくリンクされていないのだと思いますが、何をどうして良いのやら、実はちんぷんかんぷんなのです。

まおみさんの考え通り外部CSSファイルとうまくリンクしていないのだとしたら
確認するところは、ダウンロードしたpull-down.htmlというHTMLファイルの中の11行目ぐらい

<link REL="stylesheet" type="text/css" HREF="./pull.css">

この記述です〜。
これがCSSファイルを呼び出すところですので、ここが間違っていると外部ファイルと
リンクできません〜。

上記1行をHTMLファイルの<head>〜<head>の間に貼りつけて
HTMLファイルとpull.cssを同じフォルダ内に置けば、呼び出せるはずです〜。
ちょっと確認してみてください〜。

それでちゃんとなっているのにうまくいかないのだったら
試しにサーバーにアップしてみて、そのURLをさゆぼうに教えてもらえば
おかしいところがないか見てみますよ〜♪



▲[ 4947 ] / 返信無し
NO.4948  Re[4]: プルダウンメニュー
□投稿者/ まあみ 解決済み!
□投稿日/ 2009/04/08(Wed) 15:08:29
□URL/
きゃー!!お恥ずかしい・・・
UPしないで、PC上で必死で確認していました。

ありがとうございます。
お陰様でバッチリ☆動作確認できました。

また困ったらSOS出させて下さい。

毎度、お騒がせして申し訳ございませんでした。



- Child Tree -
ホームページ作成お助け掲示板

Thanks!:札幌市のホームページ制作 OFFICE-KIE