[D. K. Smith]

I'm working with a high school and attempting to add a drop-down sidebar menu to their front page. I found a very good template here I'd like to use: http://www.dynamicdr...menu-bullet.htm

I can make its own webpage using the downloaded js file and the code (which has the CSS code included), but the moment I try to incorporate the html script into the school webpage (found here: http://www.westmont.cuhsd.org/ ) it doesn't quite work. So far, I have the accordian menu at the top of the page, but it stretches all the way across and will not collapse. Again, if I just have the script by itself, it is a perfect example, so it's not my computer, I think. (If I just had Dreamweaver or Flash... *sigh*)

I'm editing in Notepad and nothing else (so this is all just one giant headache). I would appreciate any tips on how to help, like, if there is anything I need to keep in mind when editing html, or if I need to place it in a table? I'm still mostly a beginner. If it helps I can attach the html file created so far for the page, but it might not show up for anybody who doesn't have the rest of the files for the school.

Any help is severely loved.

[Advertisements]

That menu is keyed to the used of images like the ones shown. It is a vertical expand onclick type. I didn't see the menu itself at the top unless it's not appearing in Firefox. I didn't see the JS file link.

You're biggest mistake is making a web page using MS Office. Never will be cross-browser compatible.

CSS Errors

HTML Errors Page can not be validated because MS Office uses non-html characters. Tables also went out in the late 1990s for web page layouts.

Tableless Web Design: http://en.wikipedia....less_web_design
Images, Tables, and Mysterious Gaps: https://developer.mo...Mysterious_Gaps

Editors (PC):

Free HTML Editors, Web Editors, and WYSIWYG Web Editors and Site Builders:
http://www.thefreeco...tml#htmleditors
HTML Editor Reviews - http://www.wdvl.com/Reviews/HTML/
Free Online Editor Tool: http://htmledit.squarefree.com/
Free Flash Website Builder (Online): http://www.wix.com/
PageBreeze (Free visual (WYSIWYG) and HTML tag/source modes): http://www.pagebreeze.com/

Serif WebPlus SE: http://myrtc.blogspo...webplus-se.html
Download Trellian WebPage (Free): http://www.trellian....ge/download.htm
WebSketch: http://www.websketch.com/
Create a free website with Jimdo!: http://www.jimdo.com/
Notepad++ (Free source code editor and Notepad replacement that supports several languages):
http://notepad-plus....net/uk/site.htm

CSS Tutorials:

http://www.w3schools...Css/default.asp
http://www.csstutorial.net/
http://www.echoecho.com/css.htm
http://www.html.net/tutorials/css/
http://www.w3.org/St...es/011/firstcss

http://htmldog.com/guides/cssbeginner/
http://www.davesite....webstation/css/
http://www.htmlcodet...amsupp_193.html

How to Make a Webpage:

Full Web Building Tutorials: http://www.w3schools.com/
The Web Book (free): http://www.the-web-book.com/index.php
Beginner's HTML Tutorial: http://www.htmlbasix.com/
How to Create a Webpage: http://www.make-a-web-site.com/
So You Want To Set Up Your First Site, Huh?: http://www.htmlgoodi...cle.php/3479561

http://www.w3schools...ite/default.asp
How to Start / Create Your Own Website: The Beginner's A-Z Guide: http://www.thesitewi...rtwebsite.shtml
So, you want to make a Web Page!: http://www.pagetutor...utor/index.html
Getting started with HTML: http://www.w3.org/MarkUp/Guide/

Creating your first website – Part 1: Setting up your site and project files (Adobe CS3/4):
http://www.adobe.com...ebsite_pt1.html

Why Validate?: http://validator.w3.org/docs/why.html

That should help you. For better nav menus:

See following sites for navigation menus:

http://www.dynamicdr.../dynamicindex1/
http://www.cssplay.co.uk/menus/
How to Style an Unordered List with CSS: http://www.webrefere...yle2/index.html

[Major Payne]

That menu is keyed to the used of images like the ones shown. It is a vertical expand onclick type. I didn't see the menu itself at the top unless it's not appearing in Firefox. I didn't see the JS file link.

You're biggest mistake is making a web page using MS Office. Never will be cross-browser compatible.

CSS Errors

HTML Errors Page can not be validated because MS Office uses non-html characters. Tables also went out in the late 1990s for web page layouts.

Tableless Web Design: http://en.wikipedia....less_web_design
Images, Tables, and Mysterious Gaps: https://developer.mo...Mysterious_Gaps

Editors (PC):

Free HTML Editors, Web Editors, and WYSIWYG Web Editors and Site Builders:
http://www.thefreeco...tml#htmleditors
HTML Editor Reviews - http://www.wdvl.com/Reviews/HTML/
Free Online Editor Tool: http://htmledit.squarefree.com/
Free Flash Website Builder (Online): http://www.wix.com/
PageBreeze (Free visual (WYSIWYG) and HTML tag/source modes): http://www.pagebreeze.com/

Serif WebPlus SE: http://myrtc.blogspo...webplus-se.html
Download Trellian WebPage (Free): http://www.trellian....ge/download.htm
WebSketch: http://www.websketch.com/
Create a free website with Jimdo!: http://www.jimdo.com/
Notepad++ (Free source code editor and Notepad replacement that supports several languages):
http://notepad-plus....net/uk/site.htm

CSS Tutorials:

http://www.w3schools...Css/default.asp
http://www.csstutorial.net/
http://www.echoecho.com/css.htm
http://www.html.net/tutorials/css/
http://www.w3.org/St...es/011/firstcss

http://htmldog.com/guides/cssbeginner/
http://www.davesite....webstation/css/
http://www.htmlcodet...amsupp_193.html

How to Make a Webpage:

Full Web Building Tutorials: http://www.w3schools.com/
The Web Book (free): http://www.the-web-book.com/index.php
Beginner's HTML Tutorial: http://www.htmlbasix.com/
How to Create a Webpage: http://www.make-a-web-site.com/
So You Want To Set Up Your First Site, Huh?: http://www.htmlgoodi...cle.php/3479561

http://www.w3schools...ite/default.asp
How to Start / Create Your Own Website: The Beginner's A-Z Guide: http://www.thesitewi...rtwebsite.shtml
So, you want to make a Web Page!: http://www.pagetutor...utor/index.html
Getting started with HTML: http://www.w3.org/MarkUp/Guide/

Creating your first website – Part 1: Setting up your site and project files (Adobe CS3/4):
http://www.adobe.com...ebsite_pt1.html

Why Validate?: http://validator.w3.org/docs/why.html

That should help you. For better nav menus:

See following sites for navigation menus:

http://www.dynamicdr.../dynamicindex1/
http://www.cssplay.co.uk/menus/
How to Style an Unordered List with CSS: http://www.webrefere...yle2/index.html

[D. K. Smith]

Thank you so much! Took me a while to research, and thus the late reply, but that helped me a whole lot. I appreciate it.