Solved

Help Trying to style the <hr> tag

Posted on 2013-06-04
2
280 Views
Last Modified: 2013-06-04
I have tried to make all the <hr> tags in the center a light gray, but can only get blue
 which i kinda like,but need to know why gray does not work
The rule
  .section_area .middlepanel hr{
    background: #0066ff;  Blue this works, even red works
    border: 0;
    height: 1px;
    width: 90%;
    color: #F2F2F2;
     }                        
  .section_area .middlepanel hr{
    background: #F2F2F2; gray this does not work  
    border: 0;
    height: 1px;
    width: 90%;
    color: #F2F2F2;
     }                        
What am i doing wrong ?
the page
http://roofgenius.com/test.asp
0
Comment
Question by:isnoend2001
2 Comments
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39220641
At the very bottom of your css change to

 .section_area .middlepanel hr{
    background: #666;  
    border: 0;
    height: 1px;
    width: 90%;
    color: #666;
     }      

in action http://jsbin.com/evihaw/1/edit
0
 

Author Closing Comment

by:isnoend2001
ID: 39220668
Thanks that fixes me right up
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
CSS alignment question 8 37
Firefox Display problems 5 41
position span inside a table cell by class or id 5 27
Flexbox in CSS3 2 25
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now