0

ページ index.html にフォームがあります

<div class = "bottom_r">
    <h1>Get in Touch</h1>
    <form action="index.html" method="post">
      <ul>
        <li><input class = "input" type="text" name="fname" value = "Name:" /></li>
        <li><input class = "input" type="text" name="lname" value = "Email:" /></li>
        <li><textarea class = "textarea" >Message:</textarea></li>
        <li><input class="text_button" type="submit" value="Submit" /></li>
      </ul>
    </form>
</div>

style.css の css スタイル

.bottom_r {
    float: left;
    width: 262px;
    height: 215px;
    margin: 0;
}


.bottom_r ul {
    list-style: none;
    padding-left: 0;
}


.bottom_r li {      
    margin: 0;    
    padding-left: 50px;           
}

しかし、パディング: padding-left: 20px;first<li>でのみ動作します。この問題は Opera でのみ発生し、すべてのブラウザで問題なく動作します。問題が見つかりません。助けてください :)

オンライン コード: http://cssdesk.com/8xrgD

4

4 に答える 4

1

62行目を変更：

.main > ul li
于 2012-06-15T10:07:44.040 に答える
1

ところで...あなたの問題はあなたです

.main li {
    display: inline;
}

.main 全体ではなく、必要な場所に ist を定義するだけです

于 2012-06-15T09:45:41.957 に答える
0

これの理由はわかりません。再現することはできますが、何が問題なのかわかりません。ただし、50pxのパディングをからに移動する<li>と<ul>、正常に機能します。

.bottom_r ul {
    padding: 50px;
}

http://cssdesk.com/WERUfを参照してください

于 2012-06-15T08:53:53.840 に答える
0

最後のインスタンスで、他に何も機能しない場合は、次を使用します。

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
      .class {proprieties}
 }

オペラ専用です。

于 2012-06-15T09:00:33.377 に答える