2012-01-17 5 views
0

私の目的のためにphpbbポール表示を変更しています。dl要素の幅

<div class="content"> 
     <h2>Question</h2> 
     <p class="author">bla bla <strong>אחת</strong></p> 
      <dl class=""> 
       <dt><label for="vote_1">option1</label></dt> 
       <dd style="width: auto;"><input type="radio" name="vote_id[]" id="vote_1" value="1" /></dd><dd class="resultbar"><div class="pollbar" style="width:77%">10</div></dd> 
       <dd>77%</dd> 
      </dl> 

      <dl class=""> 
       <dt><label for="vote_2">Option 2</label></dt> 
       <dd style="width: auto;"><input type="radio" name="vote_id[]" id="vote_2" value="2" /></dd><dd class="resultbar"><div class="pollbar" style="width:23%">3</div></dd> 
       <dd>23%</dd> 
      </dl> 

      <dl class=""> 
       <dt><label for="vote_3">Option 3</label></dt> 
       <dd style="width: auto;"><input type="radio" name="vote_id[]" id="vote_3" value="3" /></dd><dd class="resultbar"><div class="pollbar" style="width:0%">0</div></dd> 
       <dd>No votes</dd> 
      </dl> 

      <dl> 
       <dt>&nbsp;</dt> 
       <dd class="resultbar">Total : 13</dd> 
      </dl> 

      <dl style="border-top: none;"> 
       <dt>&nbsp;</dt> 
       <dd class="resultbar"><input type="submit" name="update" value="submit" class="button1" /></dd> 
      </dl> 


    </div> 

    <span class="corners-bottom"><span></span></span></div> 
    <input type="hidden" name="creation_time" value="1326810654" /> 

問題は、これは次のとおりです:phpbbの中で、要素は、「コンテンツ」のdivと同じ幅を持っている、とそう、彼らはラインを表示される結果表示が上にあるとき、これは私の現在のhtmlコードであります行ごとしかし、私のコードでは、要素は幅0(幅0の正確な意味は何ですか?画面上では幅が0より大きい)とすべての-sが同じ行に表示されます。

私はCSSファイルの周りを見渡しましたが、私が見る限り、違いはありません。ここに関連するプロパティは何ですか? cssファイルの "width"スタイルオプションを100%に設定し、 "inherit"を設定しても効果はありません。

答えて

1

コードは表形式のデータ(<table>要素を使用して提示する必要がある)の奇妙な表示のように見えますが、おそらく目的にCSSを使用することですが、関連するCSSコードが欠落しています。

CSSを使用しない場合、各dtdd要素は、HTMLのデフォルトレンダリングであるため、それぞれ独自の行に描画されます。

パーセントのパーセンテージは、パーセンテージのグラフィック表現として機能するように意図されていると思われます。 73%は73%幅のブロックに対応します。しかし、これはブロックが見えるようにするCSSがなくても見ることはできません。境界線または背景色。アイデアは失敗する。明らかな理由から、0%である。

CSSが適用されているなど、それ以上のコンテキストがなければ、それ以上のことは言い難いです。

+0

あなたは正しいですか?この問題はCSSの "display:inline"によって引き起こされました。 –