Ширина дл элемента - PullRequest
Новая
       16

Ширина дл элемента

0 голосов
/ 17 января 2012

Я изменяю для моих целей отображение опроса 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 элементы имеют ту же ширину, что и div "content", и такони отображаются построчно.Тем не менее, в моем коде элементы имеют ширину 0 (каково точное значение ширины 0? На экране они имеют ширину больше 0) и все -s отображаются в одной строке.

Я посмотрелвокруг файлов CSS, но, насколько я вижу, нет никакой разницы.Какая здесь недвижимость?Установка параметра стиля "width" в файле css на 100% и "наследовать" не имеет никакого эффекта.

1 Ответ

1 голос
/ 17 января 2012

Код выглядит как странное представление табличных данных (то, что должно быть представлено с использованием элементов <table>), и, вероятно, цель состоит в том, чтобы использовать CSS для этой цели, но каким-то образом соответствующий код CSS пропал.

Без CSS каждый элемент dt и dd отображается каждый в отдельной строке, потому что это рендеринг по умолчанию в HTML.

Предполагается, что процентные ширины действуют как графическиепредставление процентов, так что, например, 73% соответствует блоку шириной 73%.Однако этого нельзя увидеть без некоторого CSS, который делает блоки видимыми, например, с рамкой или цветом фона.Идея проваливается, например, на 0% по понятным причинам.

Без дополнительного контекста, включая применение CSS, трудно сказать гораздо больше.

...