Solved

Help Trying to style the <hr> tag

Posted on 2013-06-04
2
285 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 53

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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Hide un-named HTML Label with CSS 14 45
GET error with Font Awesome 3 51
CSS Style Effect 2 23
Could copy the reset.css and site.js from production website? 2 45
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 Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

710 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