Hyperlinking A CSS tab horiz-menu

zuriatman · #1 11-09-2007, 09:43 AM

Hi Everybody,

The above is a CSS tab menu designed with a CSS Tab Designer.
The script generated is in Html.

After inserting the script in a Html box in an empty page in Blue Voda the
above graphic was generated when viewed with a browser.

Q. How does one hyperlink each button tag to a specific page wthin the website using Html.

-->
</style>
</style>
</head>

<body>
<h4>Horizontal Buttons</h4>

<div id="navcontainer">
<ul id="navlist">

<li><a href="www.yoursite.com/Products.html">Products</a></li>
<li><a href="www.yoursite.com/Services.html">Services</a></li>
<li><a href="www.yoursite.com/Support.html">Support</a></li>
<li><a href="www.yoursite.com/Order.html">Order</a></li>
<li><a href="www.yoursite.com/News.html">News</a></li>
<li><a href="www.yoursite.com/About.html">About</a></li>

</ul>
</div>
</body>
</html>

All help appreciated,

Zuriatman.

Collectors-info · #2 11-09-2007, 10:52 AM

Hi, asuming you have put the css/style in the head? you should be able to paste this part in a html box.

<div id="navcontainer">
<ul id="navlist">

<li><a href="http://www.yoursite.com/yourpage1.html">Page 1</a></li>
<li><a href="http://www.yoursite.com/yourpage2.html">Page 2</a></li>
</ul>
</div>

zuriatman · #3 11-09-2007, 05:34 PM

Hi Chris,

Thanks for responding.

Here is a test link

What I want to do is to link:

Products: to a page full of products.

Services: to a page on the services offered an so on.

1. I pasted your script in the same page and 2 buttons appeared as "page1 and page2"

2. I pasted your script in the products page, it does not link.

Can you please elaborate a bit more?

Thank you.

navaldesign · #4 11-12-2007, 01:00 PM

Look at your original post. The parts in blue are the urls, the parts in red is what will appear in the buttons. Edit as required.

zuriatman · #5 11-12-2007, 05:44 PM

Thank you very much Naval.

Zuriatman

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)