473,378 Members | 1,495 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,378 software developers and data experts.

Styling HR

Do I have this right?

The only way to get a valid (css and html), colored, Horizontal Rule
to look and act same in both Firefox and IE6,with a strict doctype,

wrap the HR in a separate div, and style the div using

color:some_color;
background-color:same_color;
height:some_height;
width:some_width;

?

example
http://www.sturgood.com/demos/hr.html
johnSteve
Jul 21 '05 #1
2 5313
On Sun, 06 Mar 2005 15:16:52 -0700, johnSteve <st****@bresnan.net>
wrote:
Do I have this right?

The only way to get a valid (css and html), colored, Horizontal Rule
to look and act same in both Firefox and IE6,with a strict doctype,

wrap the HR in a separate div, and style the div using

color:some_color;
background-color:same_color;
height:some_height;
width:some_width;

?

example
http://www.sturgood.com/demos/hr.html
johnSteve

I use, for example:
hr.blue50line {
color: blue;
height: .2em;
width: 50%;
}

<hr class="blue50line">blah, blah, blah

make an assortment of colors, widths, and creme filled centers.
Jul 21 '05 #2
On Tue, 08 Mar 2005 00:31:55 GMT, no*********@nowhere.com wrote:
On Sun, 06 Mar 2005 15:16:52 -0700, johnSteve <st****@bresnan.net>
wrote:
Do I have this right?

The only way to get a valid (css and html), colored, Horizontal Rule
to look and act same in both Firefox and IE6,with a strict doctype, example
http://www.sturgood.com/demos/hr.html johnSteve
I use, for example:
hr.blue50line {
color: blue;
height: .2em;
width: 50%;
}

<hr class="blue50line">blah, blah, blah

make an assortment of colors, widths, and creme filled centers.

you are correct, thank you.
I added your example

johnSteve
Jul 21 '05 #3

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

Similar topics

5
by: Peter Collinson | last post by:
Hi... Is there any way to style a List Item a different color and size than the <LI> in an Ordered List? I'd like a red super-script number and a dark blue text in a page's footnotes. And...
3
by: Garmt de Vries | last post by:
On the website of the Dutch Jules Verne Society (www.jules-verne.nl), we have several forms that visitors can use to order something, or to apply for membership. Of course, a form's primary purpose...
27
by: Tom Cole | last post by:
I'm starting to do more quantity of javascript coding and thought this might be a good time to investigate code styling. I primarily develop in Java and currently use the code styling techniques...
4
by: Eric Lindsay | last post by:
Although http://www.w3.org/Style/LieBos2e/enter/ say "The title of a document does not show up on the canvas, so it is not affected by CSS styles", there is a note by Seamus P. H. Leahy on styling...
3
by: Momomo | last post by:
Hi, I am having a problem with a control which is caused by a style on the page which I am not able to trace. If I use the control in a page without any styling it looks ok. Is there a way to...
3
by: nicky77 | last post by:
Hi, before you say it i know frames are bad practice - but i'm developing dynamic content on a site which has already been designed, so alas there's no option but to use them. Anyway, I just want to...
3
by: mcfly1204 | last post by:
I have an image link, an image within an anchor tag, that I would like to remove the styling of. When I say styling, I mean the default blue box around the image. I have tried: text-decoration:...
40
by: Jukka K. Korpela | last post by:
My basic style sheet has a distinctive background and border for forms, to make the structure clearer and to make it visually evident what belongs to a form. However, as people complained that...
2
by: shapper | last post by:
Hello, I am styling the labels on a section of my page as follows: label {float: left; width: 6.5em;} Now I want to remove this styling from a label that has the class "Message". Mu...
4
by: =?Utf-8?B?V2FubmFiZQ==?= | last post by:
when I try to style a div using the id tag, from an external style sheet, it is not recognized. If I change the style sheet id to a class, it is recognized. Is this how styling a div within an...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 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 former...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.