2012-01-17 96 views
0

我正在爲我的目的修改phpbb民意調查顯示。這是我的當前HTML代碼時結果顯示是: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,元件具有相同的寬度爲「內容」分區,因此它們顯示線逐線。但是,在我的代碼中,元素的寬度爲0(寬度0的確切含義是什麼?屏幕上它們的寬度大於0),並且所有-s都顯示在同一行中。

我環顧了css文件,但據我所見,沒有區別。這裏有什麼相關的財產?將css文件中的「寬度」樣式選項設置爲100%,「繼承」不起作用。

回答

1

該代碼看起來像表格數據的奇怪表示(應該使用<table>元素呈現的內容),可能意圖是使用CSS來達到目的,但不知何故相關的CSS代碼已經丟失。

如果沒有CSS,每個dtdd元素都在它自己的一行上呈現,因爲這是HTML中的默認呈現。

百分比寬度大概意味着作爲百分比的圖形表示,以便例如73%相當於73%寬的區塊。然而,如果沒有一些使塊可見的CSS,這是不可見的。邊框或背景顏色。該想法失敗,例如爲0%,原因很明顯。

沒有更多的上下文,包括應用的CSS,很難說更多。

+0

你是對的。問題是由CSS中的「display:inline」造成的。 – 2012-01-17 18:02:31