My horizontal rules won't display! Fixed... Kinda

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
heatherfeuer

My horizontal rules won't display! Fixed... Kinda

Post by heatherfeuer »

This is really, really frustrating!  ???  ??? I've had a fantastic three days creating a stylesheet and template for a client using TopStyle Pro as my editor.  One of the styles I created was for a double line horizontal rule.  The css looks like this:

Code: Select all

/* Default horizontal rule */
hr.hr {
   height: 5px;
   border-bottom: 4px double #440062;
}
When I preview it in Topstyle's internal browser, it shows up just exactly how I want it.  But when I plugged in the new template and stylesheet into the CMSMS application, the horizontal rule doesn't show up!  >:( This is true for IE and Firefox.  I haven't gotten around to checking in Opera.

This is very much a work in progress, so I'm working it on my development machine.  The url is: http://ffgf.selfip.org

There is supposed to be a horizontal rule in the header between the site name graphic and the byline text.  There is also supposed to be a horizontal rule in the sidebar between the search, navigation and calendar (so there should be two rulers).

Can anyone tell me why this isn't working and what I can do to make it display?

Thanks!!!
Last edited by heatherfeuer on Thu Jan 18, 2007 2:52 pm, edited 1 time in total.
heatherfeuer

Re: My horizontal rules won't display! Fixed... Kinda

Post by heatherfeuer »

So... I figured out the problem.  The styles for the horizontal rule in the regular stylesheet and the accessibility stylesheet were at cross purposes.  The horizontal rules showed correctly in Topstyle because the accessibility stylesheet wasn't "attached" to the template.

For the time being, I have commented out the horizontal rule styling in the accessibility stylesheet.  I do have one question I'd appreciate an answer to.  What, exactly, is the purpose of the accessibility stylesheet?  Is the intention to create an aural stylesheet for those who are visually impaired?  I ask because there are comments in the templates and other stylesheets that mention screen readers.

The accessibility stylesheet doesn't validate as well.  Jusy sayin'.
toriasingla
New Member
New Member
Posts: 3
Joined: Tue Jan 27, 2009 1:22 pm

Re: My horizontal rules won't display! Fixed... Kinda

Post by toriasingla »

just waned to say thanks for this.  i was having the same problem.  commented out the hr language in the accessibilty styleseet and now can see my hr's.  (just have to figure out one downstream problem down, but otherwise - thanks10
Locked

Return to “Layout and Design (CSS & HTML)”