www.webdeveloper.com
Results 1 to 3 of 3

Thread: Problem with CSS

Hybrid View

  1. #1
    Join Date
    Apr 2012
    Posts
    1

    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.

    The script was free and came with the style.css which i do not want to change. Please can someone post the code which will allow me to use the tabs as they are but have content assigned to each tab by way of assigned id. I have tried to do this myself with no luck by reading other similar scripts but they are different and they don't work. All i have done so far is edit the tab names. The script came with one default content which is applied to all tabs at present. I want to assign a different content to each tab. Can someone please edit code or post the content tabs i will require which will correctly assign the tabs and content accordingly. Thank you

    Thank you in advance. My code is as follows:

    <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>
    </div>

  2. #2
    Join Date
    Jun 2010
    Posts
    44
    I dont get it quite, but let me guess. You want to link to a location inside the page? If so i may need to see more to be able to help you, meaning both the located text and the links. I just see some 'boxes' on some links there now so i dont get it wuite now.

  3. #3
    Join Date
    Mar 2012
    Posts
    1,261
    It seems to me that the href="#" are dummies that you need to replace with actual IDs. E.g.

    <li><a href="#Diving" title="Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services" class="active">Diving</a></li>

    will work if you amend:

    <div id="main">
    <h3>Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services</h3>
    <p>... </p>
    </div>

    to:

    <div id="main">
    <h3 id="Diving">Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services</h3>
    <p>... </p>
    </div>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

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
  •  
HTML5 Development Center



Recent Articles