I built my page in responsive site designer. When I exported it, I wanted to separate the top and bottom of the page into the "head" and the "footer" using server side include so I can edit these for all pages at once. When I did this, the included pages are losing some of the information in main.css file, specifically backgrounds and display:none's. When I view source code of the page, the include is reading fine and the css link is there. This worked for me before when I built a test page with the responsive layout maker and included a responsive menu in it. I'm using <!--#include file="head.asp" --> tag for the header.
Here is the page I'm struggling with: https://www.itsmycreditunion.org/new_site3/index.asp
Here is the test page with included menu that does work: https://www.itsmycreditunion.org/new_site/index2.asp#
I'm not sure what I did differently with the new page since I copied what I did exactly off of the test page.
Any suggestions anyone?
Thank you!
Olga Solomon
Registered User
6 posts
Olga Solomon
Registered User
6 posts
After looking at it some more, it looks like what is not getting read are the body > .row.___ tags.....if this helps.
paintbrush
Ambassador
3,816 posts
On your "not right" page, you have an extra DocType within an extra <head>, also all your stylesheets, etc are included again.
(You have a few stray tags on the other page, too)
Validating your pages will help find the glitches : http://www.htmlhelp.com/cgi-bin/validat … rnings=yes
</head>
<body>
<div class="row">
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<html>
<head>
<body>
<div class="row">
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<html>
<head>
(You have a few stray tags on the other page, too)
Validating your pages will help find the glitches : http://www.htmlhelp.com/cgi-bin/validat … rnings=yes
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Olga Solomon
Registered User
6 posts
I tried taking all of that out. It didn't help....only the Layout Elements are not working though....
jamo
Registered User
233 posts
Hi Olga, make sure you are creating the header .html and footer.html in the same RSD project as your main site so that the styling is all in one css file. After exporting open in an editor header.html and footer.html and delete everything outside of <header> and <footer> tags or which ever <div> holds the header and footer code 
Olga Solomon
Registered User
6 posts
I tried that and they work perfectly fine separately and get all of their CSS from main.css, but the layout elements stop working as soon as I include them in a page.
Here is the header separately: https://www.itsmycreditunion.org/new_site3/head.asp
Here is what happens when I include it: https://www.itsmycreditunion.org/new_site3/index.asp
Here is the header separately: https://www.itsmycreditunion.org/new_site3/head.asp
Here is what happens when I include it: https://www.itsmycreditunion.org/new_site3/index.asp
Inger
Senior Advisor
14,646 posts
Olga,
You have several heads and bodies in that document. Do you have all those heads and bodies in the included files? In the files to be included you shoulod have nothing but the contents with their various tags, not the 'framework' itself.
You have several heads and bodies in that document. Do you have all those heads and bodies in the included files? In the files to be included you shoulod have nothing but the contents with their various tags, not the 'framework' itself.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
jamo
Registered User
233 posts
Hi Olga, open head.asp in a html editor and find <div class="row head">
Delete everything above this then go to the last </div> and delete everything below this. It is important that you do this. Then do the same in footer.asp
Delete everything above this then go to the last </div> and delete everything below this. It is important that you do this. Then do the same in footer.asp
Olga Solomon
Registered User
6 posts
I did that. It didn't fixed the background-colors or display:none's in smaller screens....
It fixed my slider tho
It fixed my slider tho
jamo
Registered User
233 posts
Ok, in head.asp using a html editor delete <div class="row head"> and also delete the last </div> then on your main pages add the class head to the html element where you added the include.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
