Log in

View Full Version : Horizontal Menu



kangagraphics
03-17-2008, 02:47 AM
I am having problems with my menus on my new site, the code below is what i have so far for the menu, but i am wanting to place links in the description part. At the moment I can not add links becuase it mucks up all the menu when i try, can anyone help me....

a link to a preview of this coding at the moment is http://www.kangagraphics.com.au/test1.html

An example of this working great, what i am really aiming for is....

www.melbourneit.com.au

If anyone can suggest another way of making this work, please let me know.




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var description = new Array();
description[0] = "View our homepage";
description[1] = "View our company history and staff profiles";
description[2] = "Take a look at our great offers on printing promotional items, business cards, and all your printing needs";
description[3] = "Gain access to our graphic design service for all your business graphic design needs";
description[4] = "Explore our website design, hosting, domain names and email services";
description[5] = "click here to see other services by Kanga Graphics";
description[6] = "contant the team at Kanga Graphics";
description[7] = "select one of our discounted packages to suit your website needs";
// End -->
</script>

<p><a class="second" href="home.html" onMouseOver="Words.innerHTML = description[0];">home</a> |
<a class="second" onMouseOver="Words.innerHTML = description[1];" href="aboutus.html">about us</a> |
<a class="second" onMouseOver="Words.innerHTML = description[2];" href="printing.html">printing</a> |
<a class="second" onMouseOver="Words.innerHTML = description[3];" href="graphic_design.html">graphic design</a> |
<a class="second" onMouseOver="Words.innerHTML = description[4];" href="website_design.html">website design </a>|
<a class="second" onMouseOver="Words.innerHTML = description[5];" href="otherservices.html">others services</a> | <a class="second" onMouseOver="Words.innerHTML = description[6];" href="support.html">contact us </a></p>
<p><a id="Words">click a link above</a></p>

tfit
03-17-2008, 08:15 AM
Where is the rest of your code? You have already a baseline (melbourneit) why not use part of their method?

kangagraphics
03-17-2008, 11:10 AM
I tried to use some of Melbourne IT's coding, but i couldnt get it to work, i need there CSS and JS files to get it to work I think, is there a way of geting this, or re-producing something similar, im a beginer when it comes to Styles to this level.

tfit
03-17-2008, 12:05 PM
http://www.melbourneit.com.au/stylesheets/landing.css
http://www.melbourneit.com.au/stylesheets/main.css
http://www.melbourneit.com.au/stylesheets/landing-int.css
http://www.melbourneit.com.au/scripts/landing.js
http://www.melbourneit.com.au/scripts/main.js
http://www.melbourneit.com.au/javascript.melbourneit.js

This is still basic pc control though :D. If they don't work clear your browser cache go to their site and your browser will download these files so you can find them easily