人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

InternetExplorer5以上で動作確認可能な方、見本URLを必ず見て下さる方限定で質問です。
Javascriptを使ってプルダウンメニュー(以下PDM)を作っています。
PDMで最初に表示させてある左右幅(例えば150px)よりも文字数が多い場合、
ネスケですと、左右幅に関係なく内容の文字をすべて表示してくれるのですが
(見本URL画像参照)、InternetExplorerですと、左右幅そのままでの表示なので
メニューが切れてしまいます。
PDMの左右サイズをこれ以上広げたくないのですが、内容titleを短く出来ず、
それにあわせて左右を広げざるを得ません。
IEでもネスケの様に、展開時に文字を全て表示させる方法、もしくは
PDM内の特定の文字(あるいは行に対して)サイズを下げる方法をお教えください。
メニュー内の全体の文字サイズを変更するのは出来るんですが、
他のPDMで表示されている文字とのバランスが悪くなるので
長いコンテンツタイトルに対してだけサイズダウン指定したいのです
(見本で言うところのGoooooooooooooooooooogleに対してだけサイズを下げたい)
見本
http://f1.aaacafe.ne.jp/~dyna/top.html

●質問者: pamu
●カテゴリ:ウェブ制作
✍キーワード:IE InternetExplorer JavaScript URL コンテンツ
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● siomaruko
●10ポイント

まったくもって根本的な解決方法でないので、ポイントはいりませんです&怒らないでいただけるとうれしいのですが、私だったらこんなかんじにしちゃいます。

見てくれがわるいですけど。

<option value=”” selected>選択してください</option>

<option>----------------</option>

<option value=

http://www.hatena.ne.jp/>

はてな</option>

<option>----------------</option>

<option value=

http://www.yahoo.co.jp/>Yahoo</option>

<option>----------------</option>

<option value=

http://www.pchunter.info/goooogle/index.html>gooooooooooooooo...

<option value=

http://www.pchunter.info/goooogle/index.html>ooooooooooooogle...

pchunter.info

<option>----------------</option>

Javascriptではなく、プルダウン風FLASH画像で対処するほうが、いちばんきれいな表示になるのではと思いますが、FLASHは不可なのでしょうか?

◎質問者からの返答

ご回答有難うございます。

私も二行にするのは考えたんですが…別の項目に見えかねないタイトルなんですよ。

二行目が右寄せ(末尾揃い)が可能ならまだ良いのですが…そういう指定が可能でしたらその記述でもかまいません。

Flashはちょっとパスです。ホントはJavascriptもパスしたい位なんですが…


2 ● html1983
●15ポイント

http://www.tryhp.net/dynamic06.htm

ポップアップメニューの作成

代替策になってしまうのですが、JavaScriptのポップアップメニューを作成するのはいかがでしょうか。

◎質問者からの返答

ご回答ありがとうございます。

参考URL拝見しました。いいカンジです。

これって対応ブラウザのバージョンどれ位からか、お分かりになりますか?

PCをかまわないタイプの人がユーザーに多いサイト用なので、

IE5位でも可能なものだと良いのですが…。


3 ● html1983
●15ポイント

http://proxy.ymdb.yahoofs.jp/users/fe317c7f/bc/%b8%f8%b3%ab/menu...

2で回答したものです。

先ほどのURLのものを参考につくってみました(URL参照)。

IE5で確認したところ、表示されるメニューがIFRAMEの下に隠れてしまいました。

私もこの質問自体にとても興味があるので、ほかの方に期待!

◎質問者からの返答

わざわざ有難うございます。

参考URL、「Permission Denied」と出てしまいました。

プルダウンメニューを何とかする方法以外でも、代案ありましたら

どなたかよろしくお願いします。

(解決策の無いまま)早々に切り上げる事はありませんので…。


4 ● uran3
●40ポイント

http://ssss.jp/~saiaku/log/HTML/test.html

見出し以降がやや右寄せが可能な例です。

ああ、、Mac環境で確認してサンプルを作ったので

仕上にwinのIEの画像を確認するまで気付きませんでした。。

サンプルが「winのIEだとこうなります。」な

ダメダメな例に。。(;´д`)トホホ

代案でしたら2番目のリンクの「とむやん君」の

ハイパーリンクがお勧めです。

環境のことも書いてありますしバクりません。

何よりもMacにも優しいです。

因にWinのレイア-はMacOSX以前では対応しており

ませんので、メニューに使ったら進めなくなします。

(MacOSXは未確認です)

http://www2s.biglobe.ne.jp/~club_tom/

◎質問者からの返答

ご回答有難うございます。

サンプルページまで作って頂いて、恐悦至極であります。

ああぁやっぱりWinのIEがいかにダメダメかっつー話に!(爆)

でもこの組み合わせでサイトに来る人が殆どという状況なので

逃げるに逃げられません。・゚・(ノ∀`)・゚・。

「とむやん君」のハイパーリンク、特に11番目が、長いタイトルにも

向いていそうなカンジですね。良いかも。

確認を頼めるMacユーザーが周囲にいないので、どうしても

Macに厳しいページを作ってしまいがちなんですが、

先に進めなくなるというのは大NGですね。ご指摘感謝します。

今度から、基本から外れた仕様を組み込む時には、はてなで

Macユーザーの方に表示・動作確認して頂く様にしたいと思います。

ところで、サンプルページはいつ頃までサーバに置いておいて頂けますか。

この質問を締め切った後でも参考にしたい人が出るのではないかと思うので、

このまま設置しておいて頂けるととても嬉しいです。

それが無理そうでしたら、マルシー明記の上で、こちらで改めて

アップしなおさせて頂きたいのですが…いかがでしょうか。

お手数ですが、締め切り後にいわしででもご返答頂けると嬉しいです。

もう少し質問続行します。代案歓迎です。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ