Robert Ginn wrote:
> I've been working in XHTML Strict, mostly for experience, but it
> doesn't like the <hr> tag, at least the "noshade" attribute. I'd
> like this page to work in Strict, but am stuck on the noshade
> problem. Without it, the hr's look strange---and without any hr's at
> all, half my design skills would be gone. Is there a CSS element
> similar to the hr, or should I make this a Transitional page?
Add some styles to hr...
hr {border: none; /* good browsers */}
* html hr {border-style: solid; /* IE6 */}
*:first-child+html hr {border-style: solid; /* IE7 */}
...and it will look pretty consistent across browser-land.
Also, the hr is an "empty element", and as such is written as <hr /> for
xhtml 1.0 - *not* <hr></hr>
We often use the top and/or bottom border on ordinary elements as purely
visual separators.
For example, the addition of...
h1#top {border-top: solid 3px #fff; clear: both; margin-top: 0;}
...can replace the <hr id="headerbottom" /> in your page, and is
self-clearing.
A <div class="separator"><!-- --></div> with suitable border, width,
height, background-color, and margins for centering, can also replace
the hr visually - and creates no cross-browser problems. It'll disappear
if CSS support is missing, but that's rarely ever a problem when dealing
with separators.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
