I just added a WOW slider to my web page. The slider works great. The problem is that my navigation on the left side is now broken on the page the slider appears. Can anyone tell me what might be causing this??? I will be glad to supply any code you need.

Also, I am using the free version of Wow Slider. Is there any way to remove the "wowslider.com" image in the lower right corner?

Hi sarb. A common mistake is made when adding jQeury items to a page. Each jQuery plugin requires the jQuery library, and often, each time someone places the required code on the page, they add in a link to the jQuery library. This can mean that you have multiple links to the jQuery library on the page—which usually messes up jQeury on the page.

Your page has a link to the jQuery library near the top (presumably added for the Cycle plugin) so there's no need for another link to the library here:

Thanks ralph.m for your help. I don't work with jquery often, so didn't realize multiple library's would affect the code. Removing it worked like a charm.

What is strange though is the part about the doc type. I have pasted my code from my page on dreamweaver below. My code does not include two doc types, but when I look at the page source on the internet, I see exactly what you pointed out.

I do have an include that points to where the navigation menu is:

<!--#include virtual="includes/header_asp.asp"-->

That seems to be the spot in my code where the 2nd doc type appears on the internet source code. Any idea why that might be happening?

That include is pulling in your header (doctype info etc.), rather than your menu. That include should be at the top of your page rather than here. It seems the header info is hard coded at the top of your pemplate, when really, you want to delete all that and just include the line in red.

sarb
—
2012-12-15T23:25:32Z —
#5

ralph_m said:

As you noted, you have this in your code:

`

`

That include is pulling in your header (doctype info etc.), rather than your menu. That include should be at the top of your page rather than here. It seems the header info is hard coded at the top of your pemplate, when really, you want to delete all that and just include the line in red.

What part are you referring to when you say that I should "delete all that". I don't want to delete the wrong info.

And am I assuming correctly that when you say that the "include code" should be at the top of the page, you mean right under the <body> tag?

Thanks, appreciate your patience...

Sarah

ralphm
—
2012-12-15T23:54:40Z —
#6

Having this line in your teplate:

<!--#include virtual="includes/header_asp.asp"-->

inserts all this into your page, right where that line appears in the template:

The downside of having all that code in your header_asp.asp file is that you really want some of it to change from page to page, so personally, I would remove things like this from that file and customize them on each page:

Ok, I've made the changes and things are looking much better. I have created one problem and I'm not sure how to fix. I moved the "include" to the top of the photo gallery page and deleted the doctype info that was there previously. My only concern now is that there is a closing </head> tag on the photo gallery page, but there is not an opening <head> tag. Should I put an opening head tag in there somewhere? When I tried putting it above the include, it through the wow slider off, so I removed it.

Also, my header has shifted to the left. I went to my css and put "text-align: center;" thinking that would correct the problem but it didn't. The header is still shifted to the left.

ok, a bit of a correction, when I look at the photo gallery page in dreamweaver, I see the include and then further down is the </head>. When I view the page source on the internet, I see that the header include has inserted the doctype info like you said it would, which contains both the opening and closing head tags, so I guess it is ok. Still trying to figure out why the header has shifted to the left though.

Thanks,

ralphm
—
2012-12-16T02:22:36Z —
#9

sarb said:

Still trying to figure out why the header has shifted to the left though.

Perhaps try to remove all of that from the include file, and actually include this in the body of your page:

<div id="header">
<h1> </h1>
</div> <!--end-of-page-header-->

At the moment, your "header" code is in the <head> of your document, which is going to get you in a lot of trouble. It's just the over kindness of browsers that your page is rendering at the moment.

sarb
—
2012-12-16T16:12:05Z —
#10

You are right, when I created the site, I thought the header and footer might be changing, so I added it as an include. I didn't realize what a complicated mess I was creating. I went ahead and removed those two includes and just put the code into the photo gallery page code. Looks much cleaner and seems to be running better. Thank you!

My last concern...

So my navigation menu is in an include format, because those do change periodically and it makes it much easier to change the one page this way. BUT, now that you have opened my eyes at the bottom of the page where the menu include is, it also brings the whole include page (doc type and all) into the photo gallery page code.

I have tried moving that to the top of the page, and to the bottom, but it just breaks up the hole layout when I move it. Any suggestions on how I can fix this last problem?

Includes are great, and I highly recommend them, for anything that appears on more than one page. It should be really simple to fix this. Can't you just go to the include file (like menu_asp.asp) and remove the stuff that shouldn't be there, like

</body></html>

etc? It seems like those files are all acting like full web pages, but an include file doesn't need all that page code—but rather just the snippet of code that needs to be included on another page.

sarb
—
2012-12-16T23:24:24Z —
#13

Thanks ralph.m for all your help. I think I've pretty much got it now. Couldn't have done it without your help. I will have to explore that "include" part a little further. Still don't quite understand why all that code appears in the html code on the internet, but I am ready to give this a break for a bit.

Thanks again!!!!

Sarb

ralphm
—
2012-12-16T23:34:49Z —
#14

sarb said:

Still don't quite understand why all that code appears in the html code on the internet

I'd be interested to know what code is in those include files. With a PHP include, at least, you would just put some code in there, like your menu code, and wherever you place the include link on your page, the code in the include file will appear in place of the link in your HTML. It couldn't be simpler. I suspect it's the same with your include files. They will just be sitting there in Dreamweaver. I'm sure if you open them, you'll find that they contain extra code that's not needed. It should take a second or two just to remove the bits that shouldn't be in there.