PDA

View Full Version : Index html vs. shtml


colby2152
11-14-2007, 10:04 AM
First off, I want to use SSI so I realized I needed shtml because the files (header and footer) never showed up when viewing the html file.

Weird problem though... with the code in the files being exactly the same, background images aren't displayed in the shtml file that were displayed in the otherwise identical html file.

I think this could be a problem with my header and footer files. They are filed under extension .htm, and I have tweaked the files for a couple hours with no success.

Does anyone have a suggestion?:confused:
colby2152
11-14-2007, 10:12 AM
In case you wanted to see it for yourself...

http://ras-memorial.org/index.shtml
http://ras-memorial.org/index.html
http://ras-memorial.org/header.htm
http://ras-memorial.org/footer.htm
Depeche
11-14-2007, 10:39 AM
It's case sensitive. Make all of them lowercase.
colby2152
11-14-2007, 10:46 AM
Thank you for the quick reply, but all of what lowercase?
colby2152
11-14-2007, 11:12 AM
I am lost... the only conclusion I could make is that the inclusion of the header/footer files was making something go wrong with the background images. I made the files blank, and I still have a problem. Do I need to put the backgrounds into the header/footer files? That still doesn't explain the problem of the entire page background not being there in the shtml file...
gynn
11-14-2007, 02:52 PM
The file extensions themselves aren't the issue. You have 4 stylesheets in your .shtml version. Two are identical includes and the other two are inline, but broken into separate <script> sections for no apparent reason. The main problem with the images not displaying is you have conflicting definitions in your stylesheets especially in regard to the menuing, but also body {}. The body and table styles should be removed from the inline style definition; body is redundant and table isn't used. Maybe you upgraded your menuing system and the old styles got left in the ref'd css or perhaps just a chance naming conflict.

If it were me, I'd move all the styles to one external file, correct any obvious issues then run it through one of the many CSS Lint websites. You have attributes that don't even exist in some of your classes. It would also be a good idea to put your menu script into an externally referrenced .js file. Then place the script reference in the <head> of your file on the line following the link to your stylesheet. The <head> loads before the <body> so there's no chance you'd get any script errors due to slow page loads. Having it as an external ref frees you to use it on many pages without ever having to worry about editing those same pages to add a menu item or whatever.

Stick with it, you'll gett'er done. 20% skill, 80% will.
colby2152
11-15-2007, 10:09 AM
Thanks gynn... I am moving all the styles to the external sheet. I did figure out the problem yesterday. I moved my background images into the header file and everything worked out.

Thanks for the tips!