|
|
| |||||||
| Notices |
| CSS Cascading Style Sheets All topics and discussions relating to CSS Cascading Style Sheets. |
 |
| | LinkBack | Thread Tools |
|
#1
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. --> </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.          |
|
#2
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> </ul> </div>
__________________ From Chris, www.collectors-info.com View sites in FF & IE, with res @ 1024 x 768 on 19” screens. How to ask for help on the forum. - VH prices. - BV Tutorials. - Using PIXresizer - Image/Photo Tips |
|
#3
11-09-2007, 04: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. |
|
#4
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.
__________________ 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! |
|
#5
11-12-2007, 04:44 PM
| ||||
| ||||
Thank you very much Naval. Zuriatman |
Hyperlinking A CSS tab horiz-menu 
Re: Hyperlinking A CSS tab horiz-menu 
