折り畳みメニューを使った場合の画像の空きについて

解決済

質問者：chisalin
質問日時：2007/04/20 19:16
回答数：2件

使用ソフトはドリームウィーバーです。
折り畳みメニューを使いたく、以下のとおり書いたのですが、
なぜか、サブメニューの画像が開いたときに微妙に空きがでます。
マージン0にしてあるのですが、どうしても画像と画像の間があいてしまいます。
どうやったら詰められるのでしょうか？
教えていただけますか？

<script language="JavaScript">

</script>
<style type="text/css">

</style>
</head>
<body>
<noscript>※JavaScriptを有効にしてご覧下さい。</noscript>
<div class="menu" onclick="javascript:msl('sub_a')" ondblclick="javascript:kks('sub_a')"><img src="シモン/html/images/menu01.gif" /></div>
<ul class="sub" id="sub_a">
<li><img src="シモン/html/images/menu01_01.gif" /></li>
<li><img src="シモン/html/images/menu01_02.gif" /></li>
<li><img src="シモン/html/images/menu01_03.gif" /></li>
<li><img src="シモン/html/images/menu01_04.gif" /></li>
<li><img src="シモン/html/images/menu01_05.gif" /></li>
</ul>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： haraga
回答日時：2007/04/21 13:23

<style type="text/css">

</style>
</head>
<body>
<div class="menu" onclick="javascript:msl('sub_a')" ondblclick="javascript:kks('sub_a')"><img src="シモン/html/images/menu01.gif" /></div>
<ul class="sub" id="sub_a">
<b><img src="シモン/html/images/menu01_01.gif" /></b><b><img src="シモン/html/images/menu01_02.gif" /></b><b><img src="シモン/html/images/menu01_03.gif" /></b><b><img src="シモン/html/images/menu01_04.gif" /></b><b><img src="シモン/html/images/menu01_05.gif" /></b></ul>
でどうでしょう？
<li>は基本的にリストタグだからでしょうかねえ？。
といっても<b>は太字だけど（笑）
<ul>の中身は１行で書いた方がよさそうです（苦笑）

この回答への補足

ANo.1さん、ありがとうございます。
パソの調子が悪くてこれませんでした。
やってみたのですが、結局、元のタグを微調整（というか無理やり画像を合わせて）なんとかなりました。

そしたら、今度はマックでみると折りたたんだり、折りたたまなかったりという自体に（ToT)
ANo.1さんの書き方ではマックでは大丈夫だったでしょうか？
全部のブラウザで問題なく表示される折り畳みメニューはどこに…。（遠い目になっております）

補足日時：2007/04/24 19:46

通報する

- 0
- 件

通報する

No.2

回答者： haraga
回答日時：2007/04/25 08:54

失礼しました。

＃１です
ul{
width:200px;
margin:0px;
padding: 0px;
}
にすると
Mac firefox1.5ではＯＫです。

- 0
- 件

通報する

この回答へのお礼

haragaさん、ありがとうございます。
OKでした！！

通報する

お礼日時：2007/04/28 10:00

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

質問する（無料）

今、見られている記事はコレ!

隣の枝がはみ出してきたら切ってもいい？最もやってはいけないことは？

「隣の木が越境してきて困るが、勝手に切ってはいけないと聞くし…」そう思っている方も多いだろう。実は、2023年4月1日に民法が改正され、この「越境枝」のルールが大きく変わった。教えて！gooでも「境界から出て...
弁護士が解説！あなたの声を行政に届ける「パブリックコメント」制度のすべて

社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」

「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
釣りと密漁の違いは？知らなかったでは済まされない？事前にできることは？

知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
カスハラとクレームの違いは？カスハラの法的責任は？企業がとるべき対応は？

東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。この動きは自治体...