0

ログインフォームをページの右側の黒いバーに表示するために float を使用します。しかし、ユーザーがウィンドウのサイズを変更して幅を狭くすると、フォームが背景画像から上がります。幅100pxになったら浮いて動かないようにしたいです。私のウェブサイトはhttp://greek.netii.netです。
次のHTML コードを使用します。

<form action='index.php?action=login' method='post'>
  <ul id='loginbar'>
    <li>Email:<input id='logemail' type='text' name='email' />
        Password:<input id='logpass' type='password' name='pass' />
        <input class='button' type='submit' name='action' value='Login' />
    </li>
    <li><div id='forgotpass' onclick='forgotpass();'>Forgot Password?</div></li>
  </ul>
</form>

そして、次のcss コード:

ul#loginbar {
    float:right;
    margin:25px 0px 0px 0px;
    list-style-type:none;
}
4

2 に答える 2

0

サイズ変更すると内側に来るので、右にフロートする必要はありません...これを使用してください

ul#loginbar
{
position: absolute;
top: 10px;
right: 10px;
margin:25px 0px 0px 0px;
list-style-type:none;

}

また、フォームまたはボディの親コンテナにも追加します

position: relative;
min-width: 600px;
于 2012-07-29T16:55:59.447 に答える
0

次の CSS プロパティを使用して、最小の幅と高さを設定できます。

min-width: 100px;
min-height: 150px;

コンポーネントを減らしすぎないようにします。

于 2012-07-29T16:50:27.553 に答える