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

Drop down menu's


  • Please log in to reply

#1
glen_m_32

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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






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