0

css を使用してチェックボックスを行に配置する方法 4 としましょう。今のところ、すべてを 1 行に表示しています。

左とマージンをフローティングしてみましたが、私のやり方ではうまくいきません。

私のフォームには、以下のようなリストの7つのグループがあります

HTML:

<div class="Oobj" id="Oobj60">
<form action="mailto:kontakt@2know.pl" method="post" enctype="text/plain">

<div id="Oobj58">
    <input type="checkbox" onClick="toggle(this)" /><br>

    <input type="checkbox" name="sport" value="fitness" />fitness<br />
    <input type="checkbox" name="sport" value="gym" />siłownia<br />
    <input type="checkbox" name="sport" value="siata" />siatkówka<br />
    <input type="checkbox" name="sport" value="noga" />piłka nożna<br />
    <input type="checkbox" name="sport" value="kosz" />koszykówka<br />
    <input type="checkbox" name="sport" value="zima" />sporty zimowe<br />


    </div>

    </form> </div>

CSS:

#Oobj58 {
  position: absolute;
  font-size: 13px;
  font-family: Open Sans;
  z-index: 43;
  text-align: left;
  left: 12.25em;
  top: 23.00em;
  display: none;

}

クラス「Oobj」は空です。別のjqコードに必要でした。

4

1 に答える 1

0

これを試して

<div class="Oobj" id="Oobj60">
<form action="mailto:kontakt@2know.pl" method="post" enctype="text/plain">

<div id="Oobj58">

<ul>
    <li> <input type="checkbox" name="sport" value="fitness"  />fitness </li>
   <li> <input type="checkbox" name="sport" value="gym" />siłownia</li>
   <li> <input type="checkbox" name="sport" value="siata" />siatkówka</li>
   <li> <input type="checkbox" name="sport" value="noga" />piłka nożna</li>
   <li> <input type="checkbox" name="sport" value="kosz" />koszykówka</li>
   <li> <input type="checkbox" name="sport" value="zima" />sporty zimowe</li>
    </ul>

    </div>

    </form> </div>



#Oobj58 {

  font-size: 13px;
  font-family: Open Sans;

  text-align: left;
  left: 12.25em;
  top: 23.00em;

}
#Oobj58 ul li { display:inline; margin-left:10px; }
于 2013-11-12T02:06:20.413 に答える