I need serious help with headers & stylesheets - 11/21/2004 6:03 AM
I've got some styles that are working just fine displaying my main banner, which you can see simply going to http://www.coreplanets.com
The blue banner across the top that says COREPLANETS.COM is what I want on every stylesheet.
I'm working on various colors of the banner to work with the various stylesheet colors.
However, some don't want to display the top banner, or display it inproperly.
For instance, I have this stylesheet at http://www.coreplanets.com/ubbthreads/stylesheets/delpurple.css
And the preview on my forums can be seen at http://www.coreplanets.com/ubbthreads/previewskin.php?skin=delpurple
You'll notice its all jacked up. Solid blue across there.
My default header is coded as:
If you view the html source when viewing the preview style page I link to above, you'll notice that it has properly inserted the above header code.
The pertinent section of the stylesheet I referenced above is at the very top of the .css file and looks like this:
As you can see from the preview its not displaying the banner properly, yet, using the exact same code, it displays properly in my default light blue stylesheet.
I've looked at the code for several hours now and am at a loss at what is going on. I'm hoping some guru here will see some little thing I've not done that is causing the problem.
The blue banner across the top that says COREPLANETS.COM is what I want on every stylesheet.
I'm working on various colors of the banner to work with the various stylesheet colors.
However, some don't want to display the top banner, or display it inproperly.
For instance, I have this stylesheet at http:/
And the preview on my forums can be seen at http:/
You'll notice its all jacked up. Solid blue across there.
My default header is coded as:
Code
<div align="center"><br /> <table width="95%" border="0" cellspacing="0" cellpadding="0"><br /> <tr><br /> <td class="lefthead"></td><br /> <td class="centerhead"> </td><br /> <td class="righthead"></td><br /> </tr><br /> <tr><br /> <td colspan="3"> </td><br /> </tr><br /> </table><br /></div>
If you view the html source when viewing the preview style page I link to above, you'll notice that it has properly inserted the above header code.
The pertinent section of the stylesheet I referenced above is at the very top of the .css file and looks like this:
Code
// My Custom Stuff<br /><br />.lefthead {<br /> background-image: url(http:// );<br /> width: 465px;<br /> height: 110px;<br />}<br /><br />.centerhead {<br /> background-image: url(http:/www.coreplanets.com/ graphics/ coolblue_logo.gif / );<br /> height: 110px;<br />}<br /><br />.righthead {<br /> background-image: url(http:/www.coreplanets.com/ graphics/ coolblue_center.gif / );<br /> width: 105px;<br /> height: 110px;<br />}<br /><br /><br />// End My Custom Stuffwww.coreplanets.com/ graphics/ coolblue_right.gif
As you can see from the preview its not displaying the banner properly, yet, using the exact same code, it displays properly in my default light blue stylesheet.
I've looked at the code for several hours now and am at a loss at what is going on. I'm hoping some guru here will see some little thing I've not done that is causing the problem.