Hyperlinking A CSS tab horiz-menu

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • zuriatman
    Moderator

    • Sep 2006
    • 3025

    Hyperlinking A CSS tab horiz-menu

    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.
    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.
  • Collectors-info
    General

    • Feb 2006
    • 8703

    #2
    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>
    Regards Chris.

    Collectables, Collecting, collectors-info.com

    www.chrismorris.co.uk

    House build project

    Comment

    • zuriatman
      Moderator

      • Sep 2006
      • 3025

      #3
      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.

      Comment

      • navaldesign
        General & Forum Moderator

        • Oct 2005
        • 12080

        #4
        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!

        Comment

        • zuriatman
          Moderator

          • Sep 2006
          • 3025

          #5
          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.

          Comment

          Working...
          X