473,769 Members | 6,203 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

HTML horizontal rule element

for the horizontal rule element, the w3c HTML 4.01 specification

http://www.w3.org/TR/html4/cover.html

states that the align, noshade, size and width attributes are deprecated.

it gives an example using the deprecated attributes, but no indication as to
how to avoid the deprecated attributes.

what CSS properties can be used to replace the hr tag noshade and size
attributes?

in my experiments with Internet Explorer 6.0, the border and padding CSS
properties have no effect.
Nov 10 '05 #1
10 2957
Thu, 10 Nov 2005 19:54:33 -0000 from lothar <lo****@ultimat hule.nul>:
for the horizontal rule element, the w3c HTML 4.01 specification

http://www.w3.org/TR/html4/cover.html
Why not give the actual URL
<http://www.w3.org/TR/html4/present/graphics.html#e def-HR> instead of
a generic cover page?
states that the align, noshade, size and width attributes are deprecated.

it gives an example using the deprecated attributes, but no indication as to
how to avoid the deprecated attributes.

what CSS properties can be used to replace the hr tag noshade and size
attributes?


size --> height

I'm not sure about noshade, because I've never used it. But the
suggested default style sheet at
<http://www.w3.org/TR/CSS21/sample.html> has
hr { border: 1px inset }
which presumably is what you get without noshade, so that should give
you a starting point.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you
Nov 10 '05 #2
"lothar" <lo****@ultimat hule.nul> wrote:
for the horizontal rule element, the w3c HTML 4.01 specification

http://www.w3.org/TR/html4/cover.html

states that the align, noshade, size and width attributes are deprecated.

it gives an example using the deprecated attributes, but no indication as to
how to avoid the deprecated attributes.
First establish if you are using the element correctly, there are few
proper usages of this bizarre element. It should not be used to create a
line on screen, but only to markup a division between content when there
is no better markup to do that.
what CSS properties can be used to replace the hr tag noshade and size
attributes?

in my experiments with Internet Explorer 6.0, the border and padding CSS
properties have no effect.


IE only allows limited styling of the <hr> element. Browsers in general
can use various ways to draw the element, they may use borders or they
may treat it as content on which for example the color and height
properties work.

--
Spartanicus
Nov 10 '05 #3
lothar wrote:
for the horizontal rule element, the w3c HTML 4.01 specification
http://www.w3.org/TR/html4/cover.html
states that the align, noshade, size and width attributes are deprecated.

noshade => { border: 0; }
size => { height: Xpx; }

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Nov 10 '05 #4
On Thu, 10 Nov 2005 21:18:57 GMT, Spartanicus <in*****@invali d.invalid>
wrote:

<hr>
there are few
proper usages of this bizarre element. It should not be used to create a
line on screen, but only to markup a division between content when there
is no better markup to do that.


Bollocks. Horizontal rules have typographical precednt for centuries.
Better an explicit element to represent them in the HTML than some
bizarre and inflexible coupling in CSS between an unconnected element
and its bottom border.
Nov 11 '05 #5
On Thu, 10 Nov 2005 23:49:30 +0000, Andy Dingley wrote:
On Thu, 10 Nov 2005 21:18:57 GMT, Spartanicus <in*****@invali d.invalid>
wrote:

<hr>
there are few
proper usages of this bizarre element. It should not be used to create a
line on screen, but only to markup a division between content when there
is no better markup to do that.


Bollocks. Horizontal rules have typographical precednt for centuries.
Better an explicit element to represent them in the HTML than some
bizarre and inflexible coupling in CSS between an unconnected element
and its bottom border.


HTML is meant to represent the logical structure of the document, and a
horizontal rule is an explicit presentational representation of a logical
division. Unfortunately HTML markup in this area is rather lacking, but
surrounding the block of text with a div and setting its border-bottom
property seems The Right Thing to do. (In an ideal world CSS would allow
compound and other complex borders, which would allow you to immitate the
exact appearance of the <hr> element in your chosen browser.)

--
Safalra (Stephen Morley)
http://www.safalra.com/hypertext/
Nov 11 '05 #6
On Thu, 10 Nov 2005, Andy Dingley wrote:
Bollocks. Horizontal rules have typographical precednt for centuries.
I don't think anyone's arguing with that. But typography is
"presentati on", and in current web practice, presentation is supposed
to be a matter for the stylesheet. What does a horizontal rule sound
like on a speaking browser?

The typography is *supposed* to represent some abstract structural
feature of the content. In this case, it's presumably meant to be a
stronger break than a mere paragraph, or than the kind of section
which would be delimited by <hN> elements for some value of N.
Better an explicit element to represent them in the HTML than some
bizarre and inflexible coupling in CSS between an unconnected element
and its bottom border.


Well, we have to make do the best we can with the HTML that we've got,
indeed. That doesn't stop us from proposing a style for the elements
that it's got. I would be inclined to quote Spartanicus and to agree
with what he said, but I've already been given a red card for trying
to do that in the past, so I'll just pretend I hadn't seen that.

best regards
Nov 11 '05 #7
On Fri, 11 Nov 2005 12:13:38 +0000, "Alan J. Flavell"
<fl*****@ph.gla .ac.uk> wrote:
But typography is
"presentation" , and in current web practice, presentation is supposed
to be a matter for the stylesheet.
That's an article of faith hereabouts. HTML is for content, CSS is for
presentation and ne'er the twain shall meet.

However the reality is that this doesn't entirely work. HTML is
inadequately expressive to present a truly presentation-free
representation of content. You can't transparently communicate "<foo> is
a date in an English format, please present it as such" and so HTML must
be pre-processed into an almost "finished" textual representation of
what's required as the final content.

At the same time, CSS is also inadequate to express all the
"presentati on" that can be required. It can "presentational ly annotate"
the supplied content, but it's (almost) incapable of generating any
arbitrary output, no matter how trivial the eye-candy. We see this most
obviously with XML - XML+CSS can't generate a menu, or a duplicated
header and footer, in a way that's easy with XML+XSLT. When used with
HTML we can do this easily, but only by processing such "trivia" into
the HTML beforehand.

So compared to a pure "content" format like DocBook or similar, HTML
must be used in a manner that's already somewhat
presentationall y-formatted. Compared to XSL:FO, CSS is limited and needs
assistance from the HTML document. This is no excuse of layout tables
(that's mis-using one feature instead of using the correct feature), but
it is a justification for putting things into the HTML when there
_is_no_ truly viable pure CSS alternative, even if these aren't strictly
"content".

<hr> is such an element. Typographically the vertical margins around a
rule should collapse according to the usual behaviour, with the rule
regarded as an element between adjacent paragraphs, not the paragraphs
seen as abutting each other. This is just one example of why the <hr>
belongs in the HTML.
Well, we have to make do the best we can with the HTML that we've got,
indeed.
We have to make do with the HTML we can have, not try to needlessly
limit ourselves to a subset of permitted HTML in pursuit of some
unattainable and unimportant target.
What does a horizontal rule sound
like on a speaking browser?


That's a matter for the browser to work out for itself. I'm sure it can
do something useful, or at least avoid doing soemthing harmful.

--
Cats have nine lives, which is why they rarely post to Usenet.
Nov 23 '05 #8

Alan J. Flavell wrote:
What does a horizontal rule sound like on a speaking browser?


Like one of those tunes between different items on the news?

--
Garmt de Vries.

Nov 23 '05 #9
On Tue, 15 Nov 2005, Andy Dingley wrote:
On Fri, 11 Nov 2005 12:13:38 +0000, "Alan J. Flavell"
<fl*****@ph.gla .ac.uk> wrote:
But typography is "presentati on", and in current web practice,
presentation is supposed to be a matter for the stylesheet.
That's an article of faith hereabouts.


The way that I see it, the reality of the web is that it *will*
separate presentation and content, whether one likes it or not.

The idea of separating HTML and CSS is that it goes some way to
codifying what's going to happen anyway, and thus helps us to
cope with the situation. But the borders are fuzzy.
However the reality is that this doesn't entirely work. HTML is
inadequately expressive to present a truly presentation-free
representation of content.
Indeed. But I think you're arguing tangentially to what I was trying
to get at.
<hr> is such an element. Typographically the vertical margins
around a rule should collapse according to the usual behaviour, with
the rule regarded as an element between adjacent paragraphs, not the
paragraphs seen as abutting each other. This is just one example of
why the <hr> belongs in the HTML. [...]
What does a horizontal rule sound like on a speaking browser?


That's a matter for the browser to work out for itself.


If <hr> really *was* a purely typographical element, then it could
have no useful representation on a speaking browser. What must surely
underly what *you* are saying here, is that <hr> is really standing
for some abstract structure - a section break, or something like that
- whose conventional typographical representation is a horizontal
rule, but which in other presentational situations could be
meaningfully represented by some other rendering. As such, the <hr>
is a bit of a misnomer.
I'm sure it can do something useful,


Of course it can, but only if we agree that the horizontal rule itself
is not the "true nature" of the abstract structure - it's only one
possible rendering of it.

Nov 23 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

16
2906
by: Terry | last post by:
Hi, This is a newbie's question. I want to preload 4 images and only when all 4 images has been loaded into browser's cache, I want to start a slideshow() function. If images are not completed loaded into cache, the slideshow doesn't look very nice. I am not sure how/when to call the slideshow() function to make sure it starts after the preload has been completed.
10
2188
by: st4 | last post by:
Help, As part of my family history web site i need to get 150 pages of typed text into some format to display. It just text right now but I would like to add some graphics (photos) and make the text more friendly to read. I am thinking to divide it into smaller chapters and to format it something like a newspaper article. But just learning about HTML, 150 pages just seems like too greater task. Is there a shortcut or another way to do...
15
32681
by: Matthias Hullin | last post by:
Hi, I'm programming some PHP discussion board that is supposed to appear inside the content area of a proprietary CMS. As I need some more styles than the standard stylesheet provides, I just added a <style> tag inside my HTML code. It works fine in all the browsers I tested, but it seems to be more of a hack than a valid solution.
18
25005
by: Diogenes | last post by:
Hi All; I, like others, have been frustrated with designing forms that look and flow the same in both IE and Firefox. They simply did not scale the same. I have discovered, to my chagrin, that IE7 does not seem to offer any way to control the font size of a text input element.
13
2171
by: kw | last post by:
A new html learner is here. Please help. I write a two column web page. Their widths are both fixed. The left one is a menu and the right one is mainly for content display. I pasted a few lines as the following: #leftcolumn{ background-color: white; clear: left; width: 176px; margin-left: 3px;
3
2726
by: dotcom | last post by:
hello, i am sending whole javascript code(it is for freezing html header) it works fine eith IE but not firefox scroll bar does not come var divContent = null; var divHeaderRow = null; var divHeaderColumn = null; var divHeaderRowColumn = null; var headerRowFirstColumn = null; var x;
3
1707
by: phpmel | last post by:
Hi Guys, Can a horizontal rule be visible and not visible within the <td> tag of a row on a table? <tr> <td colspan="4" style="height: 20px; text-align: left" valign="middle"> <hr id ="hr" style="width: 75%" visible="false" > </td> </tr>
3
8270
by: phpmel | last post by:
Hi Guys, Can a horizontal rule be visible and not visible within the <td> tag of a row on a table? <tr> <td colspan="4" style="height: 20px; text-align: left" valign="middle"> <hr id ="hr" style="width: 75%" visible="false" > </td> </tr>
7
5558
by: milestogofromhere | last post by:
It is late so this is probably something really obvious but I am not seeing it. Can someone please help? Here is the page in question: html - http://www.itsyourplate.com/index2.php css - http://www.itsyourplate.com/thin.css As you can see from the file the menu is showing up vertically not horizontally. I copied the code directly from another site I have done and changed the bullets (I didn't want any) and the colors but I must have...
0
9589
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9423
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10211
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10045
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
9994
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9863
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8872
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7409
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
3
2815
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.