Contact Us Forum Rules Search Archive
WebProWorld Part of WebProNews.com
Page One Link To Us Edit Profile Private Messages Archives FAQ RSS Feeds  
 

Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
Subscribe to the Newsletter FREE!


Register FAQ Members List Calendar Arcade Chatbox Mark Forums Read

Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 04-28-2006, 04:10 PM
WebProWorld New Member
 

Join Date: Jan 2006
Location: North Kent, ENGLAND
Posts: 11
Andy-- RepRank 0
Default cool js menu help please

I have built a menu but really not having much luck in placing it in a table, it's not visable when viewing it as a webpage!!

This is what I have to work with:

<html>
<head>
<script type="text/javascript" src="coolmenu.js"></script>
<script type="text/javascript" src="menu_items.js"></script>
<link rel="stylesheet" type="text/css" href="menu_styles.css">
</head>
<body>
<script type="text/javascript">
var lmenu = new COOLjsMenu("leftMenu", MENU_ITEMS, null);
</script>
</body>
</html>

could someone please explain how to place it in a table cell??

Thanks & please????
Reply With Quote
  #2 (permalink)  
Old 04-28-2006, 05:02 PM
Tim's Avatar
Tim Tim is offline
WebProWorld Veteran
 

Join Date: Jul 2004
Location: On the edge of the UK
Posts: 447
Tim RepRank 0
Default

Hello Andy,

The URL of the site where you're using this would be useful so that we can understand your problem.

JavaScripts tend to be very verbose (big) and don't work if the user has JS turned off or unavailable, as is the case with text browsers (for the visually impaired) and search engines.

You might consider using CSS drop-down menus as an alternative. CSS is invariably enabled and is more accessible, and has a much lighter footprint.

Check out A List Apart's article and the SEO Consultants' page about CSS menus. There are others too but these two seem to be the most instructive.

Good luck
__________________
Pleasure in the job puts perfection in the work. Aristotle (384-322 BC)
Reply With Quote
  #3 (permalink)  
Old 04-28-2006, 05:29 PM
WebProWorld New Member
 

Join Date: Jan 2006
Location: North Kent, ENGLAND
Posts: 11
Andy-- RepRank 0
Default

Hello Tim,
I've only got it on a blank page at the moment locally but I could put it on a site if need be.
I understand your point about the javascript!!
Is there a downloadable CSS drop down menu 'builder'?
I've got at least 70 pages to put the menu on so it needs to be CSS so I can modify it easily.
Any suggestions??
Cheers
Andy
Reply With Quote
  #4 (permalink)  
Old 04-28-2006, 05:37 PM
WebProWorld New Member
 

Join Date: Jan 2006
Location: North Kent, ENGLAND
Posts: 11
Andy-- RepRank 0
Default

Something like this would be absolutely fine:

menu

Would this work fine in a table cell?
Any known issues?
OK in CSS?

Thanks and appologies for sounding dim!!
Reply With Quote
  #5 (permalink)  
Old 04-28-2006, 05:57 PM
WebProWorld New Member
 

Join Date: Jan 2006
Location: North Kent, ENGLAND
Posts: 11
Andy-- RepRank 0
Default

I think I have said something that will be making everyone frown there!!
I'm now guessing from what I have, is that I have 2 choices: all the menu items on each page or; use javascript?

I know I should stick to my day job but I'd like to understand this!

Andy
Reply With Quote
  #6 (permalink)  
Old 04-28-2006, 09:28 PM
WebProWorld Veteran
 

Join Date: Aug 2003
Location: California,USA
Posts: 373
drummin RepRank 0
Default

You might find this CSS menu helpful or another one found on their site.
They say they're pure CSS and validate.
http://www.cssplay.co.uk/menus/final_drop.html
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum
Tags: , ,



Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Search Engine Optimization by vBSEO 3.2.0