LinkBack URL
About LinkBacksHi 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">
<!-- 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>
</ul>
</div>
</body>
</html>
All help appreciated,
Zuriatman.
Results 1 to 5 of 5
- 11-09-2007, 08:43 AM #1
Moderator
- Join Date
- Sep 2006
- Location
- Malaysia
- Posts
- 3,039
Hyperlinking A CSS tab horiz-menu
www.siapamoyanganda.com/
Malaysian Family Tree Website From the
State of Johor.
HAPPY ARE THOSE WHO DREAM DREAMS AND ARE READY TO PAY THE PRICE TO MAKE THEM COME TRUE.
- 11-09-2007, 09:52 AM #2
General
- Join Date
- Feb 2006
- Location
- Earth
- Posts
- 8,721
Re: Hyperlinking A CSS tab horiz-menu
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>
</ul>
</div>
- 11-09-2007, 04:34 PM #3
Moderator
- Join Date
- Sep 2006
- Location
- Malaysia
- Posts
- 3,039
Re: Hyperlinking A CSS tab horiz-menu
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.www.siapamoyanganda.com/
Malaysian Family Tree Website From the
State of Johor.
HAPPY ARE THOSE WHO DREAM DREAMS AND ARE READY TO PAY THE PRICE TO MAKE THEM COME TRUE.
- 11-12-2007, 12:00 PM #4
General & Forum Moderator
- Join Date
- Oct 2005
- Location
- Italy
- Posts
- 12,115
Re: Hyperlinking A CSS tab horiz-menu
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.
Navaldesign
Logger Lite: Low Cost, Customizable, multifeatured Login script
Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!
- 11-12-2007, 04:44 PM #5
Moderator
- Join Date
- Sep 2006
- Location
- Malaysia
- Posts
- 3,039
Re: Hyperlinking A CSS tab horiz-menu
Thank you very much Naval.
Zuriatman
www.siapamoyanganda.com/
Malaysian Family Tree Website From the
State of Johor.
HAPPY ARE THOSE WHO DREAM DREAMS AND ARE READY TO PAY THE PRICE TO MAKE THEM COME TRUE.
Reply With QuoteThread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts