Ticket #1286 (new defect)

Opened 9 months ago

Last modified 7 months ago

Definition list display problem with long labels

Reported by: lakiboy Assigned to: jcasanova
Priority: normal Milestone: css-cleanup
Component: not categorised Severity: open
Keywords: Cc:

Description

As I wrote here #1285, when a label consists of more then one line, the following label flows because of nature of float element. See attached image. English words are short and are not affected of this issue.

The only solution I found so far to use <span class="spacer"></span>

            <dt>
                <label>{translate(#Show execution times?#)}</label>
            </dt>
            <dd>
                {generateRadioPair(#prefs[showExecutionTimes]#,prefs[showExecutionTimes]):h}
                <span class="spacer"></span>
            </dd>

or

            <dt>
                <label>{translate(#Show execution times?#)}</label>
            </dt>
            <dd>
                {generateRadioPair(#prefs[showExecutionTimes]#,prefs[showExecutionTimes]):h}
            </dd>
            <span class="spacer"></span>

Any ideas how to fix this without a spacer?

Attachments

dl_2lines_display_bug.jpg (44.2 kB) - added by lakiboy on 10/29/06 15:34:04.

Change History

10/29/06 15:34:04 changed by lakiboy

  • attachment dl_2lines_display_bug.jpg added.

12/05/06 15:10:22 changed by jcasanova

  • milestone changed from 0.6.1 to css-cleanup.

This is a bug we need to address when cleaning up.