ドラックアンドドロップ？
質問させていただきます。
下記のようなページを作っています。
ドラック&ドロップで画像の移動が出来るページを作成しています。
ドラック&ドロップで画像を動かせるようにはなったのですが、
<div id="menu">
<ul>
<li class="co_info_li_line01">担当：hoage</li>
<li>03-5452-3711 hoge@hoge.co.jp</li>
</ul>
</div>
など、メニューのulタグ、liタグ等、動かす必要の無いところ
まで反応してしまいます。
回避方法がわかりません。
どなたかわかる方ご教授願います、
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows">
<META http-equiv="Content-Style-Type" content="text/css">
<title>Back and forth!</title>
<link rel="stylesheet" type="text/css" href="jslib/bill.css" />
<link rel="stylesheet" type="text/css" href="jslib/highslide/highslide.css" />
<script type="text/javascript" src="jslib/prototype.js"></script>
<script type="text/javascript" src="jslib/scriptaculous.js?load=effects,dragdrop"></script>
<script type="text/javascript" src="jslib/bill.js"></script>
<script type="text/javascript" src="jslib/highslide/highslide-with-gallery.js"></script>
</head>
<body>
<div id="head">
<div id="birukenTop">
<a href="http://www.hogehoge.com"><h1><span>検索システム</span></h1></a></div>
</div>
<div id="menu">
<div id="co_info">
<p class="hello_ID">ようこそ！hoge様</p>
<ul>
<li class="co_info_li_line01">担当：hoage</li>
<li>03-5452-3711 hoge@hoge.co.jp</li>
</ul>
</div>
<div class="clr"></div>
<div id="menu_tab">
<!- <ul>
<li><img src="images/cmn/head_tag01_2.jpg" alt="検索1" width="161" height="31" border="0" /></li>
<li><img src="images/cmn/head_tag02_1.jpg" alt="検索2" width="161" height="31" border="0" /></li>
<li><img src="images/cmn/head_tag03_1.jpg" alt="おすすめ物件" width="161" height="31" border="0" /></li>
</ul>
</div>
<div id="menu_tab_foot">
<ul>
<li>検索3</li>
<li>ページを開く</li>
</ul>
</div>
</div>
<div class="clr"></div>
<div id="main">
<form name = "imagepic">
<UL id="gloop1">
<li id="2020:1">
<img src="sA01.jpg">
<input type="checkbox" id ="room" name="room" value="2020:1">
<div class="highslide-caption">
<img src="images/search_detail.gif" alt="">
</a><br>
</div>
</div>
</li>
<li id="2304:6">
<img src="sB01.jpg">
<input type="checkbox" id ="room" name="room" value="2304:6">
</div>
</li>
</UL>
<span id="parisinfo">順番1：</span>
<BR>
<P><INPUT size="20" name="hid_gloop1" id="hid_gloop1info" value= "gloop1"></P>
<BR>
<P><INPUT size="20" name="kekka" id="kekka_id" value= ""></P>
<INPUT type="button" name="登録" value="test" onclick="func_search()">
</form>
</div>
<div id="foot">
<p>2007</p>
</div>
</div>
</body>
</html>
お礼
Excelはあまり使う機会がなかったのですが、Excelを開いて、「活用しよう！エクセル」→「トレーニング」→「初めてのブック作成」→「ビデオ：列と行を挿入する。」で学習して、語句の順番を希望通りに割り込ませて、変えることができるようになりました。 大変ありがとうございました。