dl元素的宽度

时间:2012-01-17 14:42:14

标签: html css phpbb

我正在为我的目的修改phpbb民意调查显示。当结果显示打开时,这是我当前的html代码:

<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中,元素的宽度与&#34; content&#34;相同。 div,所以它们逐行显示。但是,在我的代码中,元素的宽度为0(宽度为0的确切含义是什么?在屏幕上,它们的宽度大于0)并且所有-s都显示在同一行中。

我环顾了css文件,但据我所知,没有区别。这里有什么相关的财产?设置&#34;宽度&#34; css文件中的样式选项为100%,&#34;继承&#34;没有效果。

1 个答案:

答案 0 :(得分:1)

代码看起来像表格数据的奇怪表示(应该使用<table>元素呈现的东西),并且可能意图是使用CSS用于此目的,但不知何故相关的CSS代码已经丢失。 / p>

如果没有CSS,每个dtdd元素都会在每条线上呈现,因为这是HTML中的默认呈现。

百分比宽度可能意味着用作百分比的图形表示,例如, 73%对应73%宽的区块。然而,这没有看到,如果没有一些CSS使块可见,例如边框或背景颜色。想法失败,例如为0%,原因很明显。

如果没有更多的上下文,包括应用CSS,很难说更多。