0

現在取り組んでいる私の Web サイトには、Web サイトのロゴ、テキスト ボックス、およびドロップダウンを含む css メニューがあります。このようなテーブルでログインフォームを作成しました

<p>&nbsp;</p><table width="40%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr> 
<td bgcolor="#d5e8f9" class="mnuheader" >
<div align="center"><font size="5"><strong>Login 
    Members</strong></font></div></td>
</tr>
<tr> 
<td bgcolor="#e5ecf9" class="mnubody"><form name="form1" method="post" action="">
    <p>&nbsp;</p>
    <p align="center">Your Email 
      <input name="email" type="text" id="email">
    </p>
    <p align="center"> Password: 
      <input name="pwd" type="password" id="pwd">
    </p>
    <p align="center"> 
      <input type="submit" name="Submit" value="Login">
    </p>
    <p align="center"><a href="register.php">Register</a> | <a href="forgot.php">Forgot</a></p>
  </form></td>
</tr>
</table>

これは私のcssメニューの下に表示されるか、Google Chromeではその上に表示され、オペラでは下に表示されます..だから私がやろうとしているのは、テーブルと残りのWebページがcssメニューの下に表示されるようにすることです<br / > タグを使わずに他の方法はありますか?

Jsfiddle in my jsfiddle 私は <br /> を大文字の html コメントに入れたものについて html コメントを入れました。

html から <br /> タグを削除して、コードを実行します。

4

2 に答える 2

1

I will add the following line

div.titlebar_mblack{
 margin-top:100px;
}

This way you don't need to put <br/>

If you care for the reason...

#cssmenu{
...
position:fixed
...
}

Position fixed: The element is position relative to the window. In other words cssmenu will always be on top.

Hope this helps

于 2013-06-24T02:44:22.860 に答える