Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Feb 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem with CSS

    I have the following code. Can someone please help me on what code to insert to allow me to link the tabs to the content. I want different content with each tab. The link should go to the related linked content. The code is below.

    <div id="content">
    <div id="menu">
    <ul>
    <li><a href="#Diving" title="Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services" class="active">Diving</a></li>
    <li><a href="#" title="Luxury Holiday Apartments in Malta & Gozo">Holiday Apartments</a></li>
    <li><a href="#" title="Car Hire in Malta & Gozo">Car Hire</a></li>
    <li><a href="#" title="Luxury Yacht Charter in Malta & Gozo">Yacht Charter</a></li>
    <li><a href="#" title="Spa Packages in Malta & Gozo">Spa Packages</a></li>
    <li><a href="#" title="Excursions in Malta & Gozo">Excursions</a></li>
    <li><a href="#" title="Blog Site for Malta & Gozo">Blog</a></li>
    <li><a href="#" title="Community - Guide to Malta">Community</a></li>
    </ul>
    </div>
    <div id="main">
    <h3>Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services</h3>
    <p>At Chikarma Diving we specialise in scuba diving packages to Malta & Gozo. We provide great scuba diving in Malta & scuba diving in Gozo including PADI courses, BSAC courses, escorted dives, free diving and large club group packages. With Chikarma Diving your scuba diving holiday in Malta or scuba diving holiday in Gozo will be a holiday to remember.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus rhoncus sapien, vitae sollicitudin augue ullamcorper sit amet. Phasellus non dolor nec sem hendrerit rhoncus at non sapien. Vestibulum a lorem risus, non iaculis magna. Praesent sodales molestie ullamcorper. Suspendisse feugiat dolor nec felis accumsan eleifend. Integer eleifend diam consectetur libero ultrices vulputate scelerisque urna bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus ullamcorper nisl, quis accumsan ante consectetur quis. Pellentesque vel nunc et ante aliquet commodo. Proin vestibulum tristique consectetur. Suspendisse id mi sem, ut porttitor ante. Nulla interdum mi nec felis scelerisque eu aliquet enim molestie.</p>
    </div>

  • #2
    Regular Coder Lerura's Avatar
    Join Date
    Aug 2005
    Location
    Denmark
    Posts
    894
    Thanks
    0
    Thanked 117 Times in 116 Posts
    If I understand it right you want the page to scroll to the related paragraph!?!

    Your first link is href="#diving"
    if you insert <a name="Diving"> immdiately before the related content it will scroll the page to that text

  • #3
    New to the CF scene
    Join Date
    Feb 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I do not want to scroll down to lower text. I have a box with tabs at the top like for example on this which is the code i am using: page:http://www.marcofolio.net/css/sweet_...sing_css3.html
    my problem is that when i hit the tabs i can not get it to show the text i want for that tab. I have no link from tabs to content in the box below the tabs. Can anyone help with as i only get the same text for all boxes.

    Thank you in advance.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •