※ ChatGPTを利用し、要約された質問です（原文：折り畳みメニューを使った場合の画像の空きについて）
折り畳みメニューの画像の空きについて
このQ&Aのポイント
ドリームウィーバーを使用して折り畳みメニューを作成した際、サブメニューの画像が開いたときに微妙な空きができてしまいます。マージンを0に設定していますが、どうしても画像と画像の間に隙間ができてしまいます。この問題を解決する方法を教えてください。
ドリームウィーバーで作成した折り畳みメニューのサブメニューに表示される画像の間に空きができてしまう問題が発生しています。マージンを0にしているのにも関わらず、画像の隣に隙間ができてしまいます。この問題の解決策を教えてください。
ドリームウィーバーの折り畳みメニューを使用しているのですが、サブメニューの画像が開いたときに微妙な空きができてしまいます。マージンを0に設定しているのにもかかわらず、画像と画像の間に隙間ができてしまいます。この問題を解決する方法を教えてください。
使用ソフトはドリームウィーバーです。
折り畳みメニューを使いたく、以下のとおり書いたのですが、
なぜか、サブメニューの画像が開いたときに微妙に空きがでます。
マージン0にしてあるのですが、どうしても画像と画像の間があいてしまいます。
どうやったら詰められるのでしょうか？
教えていただけますか？
<script language="JavaScript">
<!--
function msl(idmn){
if(document.getElementById)
document.getElementById(idmn).style.display='block'
else if(document.all)document.all(idmn).style.display='block'
}
function kks(idmn){
if(document.getElementById)
document.getElementById(idmn).style.display='none'
else if(document.all)document.all(idmn).style.display='none'
}
//-->
</script>
<style type="text/css">
<!--
.menu{
width : 110px;
cursor : pointer;
}
.sub{
display : none;
margin: 0px;
padding: 0px;
}
ul{
margin:0px;
padding: 0px;
}
ul li{
margin:0px;
list-style-type: none;
padding: 0px;
height: 22px;
width: 110px;
}
ul li img{
margin:0px;
padding: 0px;
}
-->
</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>
補足
ANo.1さん、ありがとうございます。 パソの調子が悪くてこれませんでした。 やってみたのですが、結局、元のタグを微調整（というか無理やり画像を合わせて）なんとかなりました。 そしたら、今度はマックでみると折りたたんだり、折りたたまなかったりという自体に（ToT) ANo.1さんの書き方ではマックでは大丈夫だったでしょうか？ 全部のブラウザで問題なく表示される折り畳みメニューはどこに…。（遠い目になっております）