格式化網站設計

下面的代碼顯示了形式上升和谷歌地圖downside.how我應該編輯代碼來顯示左側的表單和谷歌地圖在我的網頁右側在同一行？格式化網站設計

<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-->

來源

2013-01-31 user2029104

，你可以這樣做：

DIV ID = 「盒子」的包裹都，這麼說你的「行」 DIV ID = 「formleft」漂浮的形式離開和DIV ID =」 mapright「右上浮圖

<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>

來源

2013-01-31 13:18:13

格式化網站設計

回答

相關問題