Forums

stylesheet help

Permalink
My site :http://www.new.iteams.org.nz/

I can't figure out why my javascript (jQuery Flightboard) and basec styling is not being picked up from the css files.
My background colour should match the header grey and the editable areas involve stacked divs (a background with content over it).

Any ideas please?
trixiemay
 
Mireck78 replied on at Permalink Reply
Mireck78
1. Theme Folder Naming
If you use $this->getStyleSheet('main.css') to include main.css in your Theme than don't use a foldername like this: "mytheme.v1.1" (the dots are the problem)

2. Custom CSS-Files
You can include custom CSS-Files that are placed in Subfolders of your Theme with:

<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('pathtofile/styling.css')?>" />
Mireck78 replied on at Permalink Reply
Mireck78
Where are your CSS-Files located for that? Where is the JavaScript located - within a custom Block?
stromberg replied on at Permalink Reply
stromberg
Please check your markup via the W3C validator:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.new.iteams.org.n...

This gives more than 40 errors which is not a good sign ;-)

Javascript/Jquery: Firebug tells me there's a javascript error
$("#optionsBoard").flightboard is not a function


I recommend correcting the errors the validator is throwing and see if that already helps with your scripting issues.

Background color: You have conflicting styles.
In the <body> element you define 
<body bgcolor="#e7e7e7">
, but in your nav.css you define 
body {
    background: none repeat scroll 0 0 #EEEEEE;
.

Remove the bgcolor stuff and change #eeeeee in nav.css to #e7e7e7, that should do it.

Regards!