View Full Version : Hyperlinking A CSS tab horiz-menu

11-09-2007, 08: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.


<h4>Horizontal Buttons</h4>

<div id="navcontainer">
<ul id="navlist">
<!-- CSS Tabs -->
<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>


All help appreciated,


11-09-2007, 09: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">
<!-- CSS Tabs -->
<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>

11-09-2007, 04:34 PM
Hi Chris,

Thanks for responding.

Here is a test link (http://www.bumiweb.com/testpages/css_test_page.html)

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.

11-12-2007, 12: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.

11-12-2007, 04:44 PM
Thank you very much Naval.