서식 웹 사이트 디자인

Question

다음 코드는 거꾸로 양식을 표시하고 Google지도 downside.how는 같은 줄에 내 웹 페이지의 오른쪽에 왼쪽과 Google지도의 양식을 표시하도록 코드를 편집해야합니까?

<form action="php/process.php" method="post" enctype="multipart/form-data"> 
    <p> 
     Subject<br> 
     <input type="text" name="subject" size="40"> 
    </p> 
    <p> 
     Email<br> 
     <input type="text" name="email" size="40"> 
    <p> 
     Comment<br> 
     <textarea name="message" rows="5" cols="40"></textarea> 
    </p> 
    <p> 
     <button type="submit">Send</button> 
    </p> 
</form> 

</div> 
<!--contact form ends--> 

<!--google map starts--> 
<h2 align="right"> 
&nbsp;&nbsp;&nbsp;&nbsp; 
<iframe width="400" height="250" frameborder="1" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?msa=0&amp;msid=202307324044817298386.0004b64eed9ece46b338e&amp;ie=UTF8&amp;t=h&amp;z=17&amp;output=embed"></iframe> 
<br /><small> 
<h2>View <a href="https://maps.google.com/maps/ms?msa=0&amp;msid=202307324044817298386.0004b64eed9ece46b338e&amp;ie=UTF8&amp;t=h&amp;z=17&amp;source=embed" style="color:#0000FF;text-align:left">KsV's HoMe</a> in a larger map</small></h2> 
<!--gogle map ends--> 

Answer 1

이 같이 할 수 : 그래서 당신의 "라인" 사업부는 ID가 = "formleft는"형식 왼쪽 DIV ID를 수레 말,

DIV의 ID가 = "상자"모두 포장되어 = " 지도 오른쪽 "은지도를 올바르게 떠다.

<div id="box" style="position:relative;height:250px;width:820px;margin:0;padding:0;"> 
<div id="formleft" style="position:relative;float:left;width:400px;height:250px"> 
<form action="php/process.php" method="post" enctype="multipart/form-data"> 
<p> 
    Subject<br> 
<input type="text" name="subject" size="40"> 
</p> 
<p> 
Email<br> 
<input type="text" name="email" size="40"> 
<p> 
Comment<br> 
<textarea name="message" rows="5" cols="40"></textarea> 
</p> 
<p> 
<button type="submit">Send</button> 
</p> 


</form> 

</div> 
<!--contact form ends--> 
<div id="mapright" style="position:relative;float:right;width:400px;height:250px"> 
<!--google map starts--><h2 align="right"> 
&nbsp;&nbsp;&nbsp;&nbsp;  <iframe width="400" height="250" frameborder="1"  scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?msa=0&amp;msid=202307324044817298386.0004b64eed9ece46b338e&amp;ie=UTF8&amp;t=h&amp;z=17&amp;output=embed"> </iframe><br /><small><h2>View <a href="https://maps.google.com/maps/ms?msa=0&amp;msid=202307324044817298386.0004b64eed9ece46b338e&amp;ie=UTF8&amp;t=h&amp;z=17&amp;source=embed" style="color:#0000FF;text-align:left">KsV's HoMe</a> in a larger map</small></h2> 
<!--gogle map ends--> 
</div> 
</div>