Solved

Help Trying to style the <hr> tag

Posted on 2013-06-04
2
282 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

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

776 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