Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

Drop down menu's

Started by glen_m_32 , Jan 18 2007 08:23 AM

  • Please log in to reply

#1
glen_m_32
Posted 18 January 2007 - 08:23 AM

glen_m_32

    Member

  • Member
  • PipPipPip
  • 255 posts
Hi all, again!

There is one last thing i want to do on my parents shop website, thats a drop menu under the products section and the prices.

I have not got a clue where to start on this, i have googled it but i got lost in the jargon!

What is the best option (cross browser compliant)?

thanks for your help!
  • 0

Advertisements

#2
ScHwErV
Posted 18 January 2007 - 08:28 AM

ScHwErV

    Member 5k

  • Retired Staff
  • 21,285 posts
  • MVP
That depends on what you want the drop down menu to do.

You have to give more information with your requests if you want help.
  • 0

#3
glen_m_32
Posted 18 January 2007 - 09:41 AM

glen_m_32

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 255 posts
sorry,

Basically, i want the mouse to activate a menu to pop out exposing sub menu's.

http://www.cutzbothwayz.co.uk

please check the products page, i want them links to be on the new drop section of that menu.

Does that make more sense? i'm not very good at explaining these things!

something like this? http://www.dynamicdr...opmenuindex.htm but horizontal not vertical

Edited by glen_m_32, 18 January 2007 - 09:43 AM.

  • 0

#4
ScHwErV
Posted 18 January 2007 - 10:28 AM

ScHwErV

    Member 5k

  • Retired Staff
  • 21,285 posts
  • MVP
The instructions are on that page exactly how they did that, I cant explain it any better.

The second box is the actual code that you place on the page, you may place it horizontally or vertically
  • 0

#5
glen_m_32
Posted 18 January 2007 - 11:05 AM

glen_m_32

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 255 posts
How would i put the JavaScript in a seperate file then link to it? i'm completely new to JavaScript!

beleive it or not, that is the first time i found that page! lol, and the one i use for an example is the best one i found! how much of an idoit do i feel :whistling:

Thanks for your help!
  • 0

#6
ScHwErV
Posted 18 January 2007 - 11:10 AM

ScHwErV

    Member 5k

  • Retired Staff
  • 21,285 posts
  • MVP
The javascript will need to be in the <head> of each page.

You can do a php includes to put it there from a separate page, but its just easier to include it on the pages where necessary.
  • 0

#7
glen_m_32
Posted 18 January 2007 - 11:14 AM

glen_m_32

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 255 posts
is there not a method like you link a css file

<link rel="stylesheet" type="text/css" href="/css/css.css">

thanks for you patients!!!!!
  • 0

#8
ScHwErV
Posted 18 January 2007 - 11:47 AM

ScHwErV

    Member 5k

  • Retired Staff
  • 21,285 posts
  • MVP
Not that I am aware of. Although I was wrong this one time...

By doing a php includes, the server puts the javascript into the page before it displays, so the browser will only see what you want it to. Its a way of keeping your code clean, while still doing what you want.
  • 0

#9
glen_m_32
Posted 18 January 2007 - 02:35 PM

glen_m_32

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 255 posts
oh rite, thanks for the info.

What PHP would i need to make to acheive this? or could you give me some hints.
  • 0

#10
Michael
Posted 19 January 2007 - 01:16 AM

Michael

    Retired Staff

  • Retired Staff
  • 1,869 posts
Why not do the whole thing with CSS http://www.cssplay.c...us/flyoutt.html ?
  • 0

Advertisements

#11
glen_m_32
Posted 19 January 2007 - 02:34 AM

glen_m_32

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 255 posts
That looks like an idea, but guess what, IE is a pain in the £&"%.

I will take it all home and develop it over the weekend and let you know how it all goes!

is that the only css method? (having different CSS files for IE and another for the rest)
  • 0

#12
Michael
Posted 19 January 2007 - 05:10 AM

Michael

    Retired Staff

  • Retired Staff
  • 1,869 posts
http://www.cssplay.c...enus/index.html

He has lots of menus.

He has done all the hard work for you so you only have to copy.
  • 0

#13
glen_m_32
Posted 23 January 2007 - 01:27 PM

glen_m_32

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 255 posts
Thanks fot everyones help, but i have broken the demo site, and not sure what is causing it

http://demo.cutzbothwayz.co.uk

has anyone got any ideas?

i'm using Javascript and css to create the effects

http://demo.cutzboth....uk/css/css.css
http://http://demo.c....uk/css/menu.js
  • 0

#14
Michael
Posted 24 January 2007 - 11:58 PM

Michael

    Retired Staff

  • Retired Staff
  • 1,869 posts
It appears you put the content in the menu div, don't you think you should move it out of there? If you used the validator I told you about, you would know your missing a </div>
  • 0

#15
hotvoltage
Posted 27 January 2007 - 11:43 AM

hotvoltage

    Member

  • Member
  • PipPip
  • 20 posts
Hi Michael,

I was looking at the html coding and I see you are missing tables in your html. Your content is aligning itself to the left as its default. Have you tried using NVU its a free open source webpage building tool. It will make your job so much easier. It also has an html editor so it will be very easy to work with. Its an all in one program like frontpage and best of all its free as in free beer.

http://www.nvu.com/index.php

Here is the download page.

http://www.nvu.com/download.php

Here is a sample of a free webpage file I built on Bravenet.com using NVU. Keep in mind that it was done in a hurry. As you can see I added some tables to keep it clean and centered.

http://ggmgircchat.b...t.com/help.html

I also wanna add this really cool generator for building a drop down menu. You can build it then just "cut+copy+paste" the code to your html.

http://javascript.in...-down-menu.html

I also wanna give you a list of really cool generators for other tools like tables that you can use in your html.

http://javascript.in...com/generators/


Posted Image


  • 0
Back to Web Development · Next Unread Topic →




Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Geeks to Go Community
  2. → Development
  3. → Web Development

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP