1

だからここに私が取り組んでいるものがあります: http://shaneboland.com/ms2/contact.html

しかし、これは私が欲しいものです: http://shaneboland.com/ms2/test.jpg

フォームを含む div が 1 つあります。

<div id="wrapper">
    <div id="content-pad">
        <div id="mid-col-wide">
<form name="contactform" method="post" action="contact/send_form_email.php">
<table width="450px">
<tr>
 <td valign="top">
  <label for="first_name">Full Name *</label>
 </td>
 <td valign="top">
  <input  type="text" name="full_name" maxlength="50" size="30">
 </td>
</tr>
<tr>
 <td valign="top">
  <label for="email">Email Address *</label>
 </td>
 <td valign="top">
  <input  type="text" name="email" maxlength="80" size="30">
 </td>
</tr>
<tr>
 <td valign="top">
  <label for="comments">Message *</label>
 </td>
 <td valign="top">
  <textarea  name="comments" maxlength="1000" cols="25" rows="6"></textarea>
 </td>
</tr>
<tr>
 <td colspan="2" style="text-align:center">
  <input type="submit" value="Submit">
 </td>
</tr>
</table>
</form>
</div><!-- //mid-col -->

    </div><!-- //content-pad -->

</div><!-- //wrapper -->

次に、複数のリンクを持つイメージ マップを含む別の div があります。

<div align="center">
<img name="emp" src="contact/main.jpg" usemap="#ep" alt="Mammal Swag" width="940" height="801" border="0"/>
<map name="ep">
<area shape="poly" coords="20,144,176,159,183,222,42,223,20,144" href="about.html" onMouseOver="changeabout()" onMouseOut="changemain()"/>
<area shape="poly" coords="49,228,184,228,192,289,118,315,36,265,49,228" href="index.html" onMouseOver="changecontact()" onMouseOut="changemain()"/>
<area shape="poly" coords="675,639,692,607,773,607,754,713,693,712,675,639" href="http://www.facebook.com/MammalSwag" onMouseOver="changefacebook()" onMouseOut="changemain()"/>
<area shape="poly" coords="185,159,370,149,320,243,199,285,185,159" href="index.html" onMouseOver="changehome()" onMouseOut="changemain()"/>
<area shape="poly" coords="821,536,877,626,766,694,779,606,821,536" href="http://www.twitter.com/MammalSwag" onMouseOver="changetwitter()" onMouseOut="changemain()"/>  
</map>
</div>

連絡先フォームの div がその大きな緑のスペース内に配置されるようにしたいと考えています。したがって、ウィンドウのサイズが変更されても、コンタクト フォームの div は、緑のスペースの内側の同じ場所にあります。

イメージ マップを使用してコンタクト フォームの div のサイズを変更するにはどうすればよいですか?

4

0 に答える 0