All Free Backgrounds and graphics for web pages Free Backgrounds and Graphics
Web Color Charts and Tutorial
Web Page Design Tips

Internet Tools
PC Utilities
all free backgrounds




spacer spacer
star Web Graphics

The Best and Easiest!
Coffee Cup web graphics software
CoffeeCup Big Cup


Free Trial Downloads!
Free Upgrades!


4 Templates

more graphics


star   Web Dev Tools



Best Hosting
Fantastic Service!


more tools


star    Internet Tools

Kodak Easy Share

Kodak



Organize, Edit, Share
Print your Photos!
Really Cool!

more tools

star     PC Utilities


more utilities



free graphics for web pages
free graphics for web pages
 • backgrounds
 • bars
 • buttons
 • faqs
resoures for web pages
 • web color
 • <hr> rules
 • make borders
design tips for web pages
 • web graphics
 • templates
 • web dev tools
 • web hosting
free graphics for web pages
 • home

all free backgrounds


horizontal rules for web pages

continued



Shading: Have you noticed that all of the rules above are open and not solid? This is because the default for a rule is "shaded" to get the supposed 3D effect. If you want a solid rule, use the "no shade" attribute in the tag. Of course, this only applies to rules that are more than 1 pixel in height or size.

<hr size="2" noshade> not shaded


<hr size="5" noshade> not shaded


Color: Now this is where things get a bit frustrating in terms of browser compatability. Until Netscape 6x, it did not support the "color" tag for a horizontal rule, whereas IE has supported it since 3x. Earlier versions of Netscape will just default to the gray color we have seen so far.

Note: The "noshade" attribute is overwritten when "color" is used


<hr size="5" color="red"> or use any hexadecimal color you wish
<hr size="5" color="#0000ff">
<hr size="5" color="green">

For More Information and Alternate Coding Techniques of HRs




Index DOT HTML - The Advanced HTML Resource
Net Mechanic - Cascading Style Sheet Tips
DHTML "Cool Rules" JavaScript



Page 1 - Alignment, Width and Height


For links to great resources, please visit our Web Graphics page

all free backgrounds divider

All Free Backgrounds Awarded
Free web backgrounds and graphics
by About.com
BackgroundsBarsButtonsWebColorRulesMake Borders
Faqs | Web Graphics | Website Dev | Hosting | Home

Questions, Comments, Feedback? Email Us!

© All Free Backgrounds 2002-. All rights reserved.