438582 - Horizontal rule does not appear

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Edward Larrabee]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008052906 Firefox/3.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008052906 Firefox/3.0

If you have this code on your page:

<hr style="height: 3px; border: 1px; color: #808080 'height:' 3px; float: aligncenter;" size=3 color=#808080 align=center>

It renders in Robohelp 7 webhelp as:

<style type="text/css">
<!--
hr.whs1 { border:1px; color:#808080 height: 3px; float:aligncenter; }
-->
...
<hr size="3" align="center" class="whs1"> 

The horizontal rule is not displayed.

Reproducible: Always

Comment 1

[philippe (part-time)]

That is hardly surprising. Your style rules contain invalid declarations.
* color: #808080 'height:' 3px;
missing a ';' after the color value
(and 'height' shouldn't be quoted)
* float:aligncenter: there is no 'aligncenter' value for the float property.

The style rule boils down to this:
hr {border: 1px;}
there is no border-style specified, the browser falls back on the default (initial) value: 'none'.
Thus hr {border: 1px;} is equivalent to hr {border: 1px none;} (no border)

Basically, the hr is there but is completely invisible.

WebKit, Safari and Opera have the same display.