Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

webpage: dropdown menus using css/js


  • Please log in to reply

#1
D. K. Smith

D. K. Smith

    Member

  • Member
  • PipPip
  • 13 posts
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.
  • 0

Advertisements


#2
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
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
  • 0

#3
D. K. Smith

D. K. Smith

    Member

  • Topic Starter
  • Member
  • PipPip
  • 13 posts
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.
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP