Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Aug 2004
    Posts
    2
    Member #
    6990
    Hi there,

    I hope you can help. I'm having problems using CSS text links in dreamweaver MX. I would like to use a set of links at the top of the page (for navigation purposes), however I would also like to use links throughout the rest of the page.

    The problem is that the formatting I choose for the links at the top automatically filter through the rest of the page - making them unreadable, due to the different coloured background.

    I'm sure there must be a way of using two different fonts/colours, but I can't get it to work!

    Here's a picture that might help explain:

    picture here

    Thanks.

  2.  

  3. #2
    Senior Member kevind_2007's Avatar
    Join Date
    Sep 2003
    Location
    South Carolina
    Posts
    586
    Member #
    3059
    Try part of this code and let me know if it works:
    HTML Code:
    <html>
    <head>
    <style type="text/css">
    .class1 A:link {text-decoration: none}
    .class1 A:visited {text-decoration: none}
    .class1 A:active {text-decoration: none}
    .class1 A:hover {text-decoration: underline; color: red;}
    
    .class2 A:link {text-decoration: underline overline}
    .class2 A:visited {text-decoration: underline overline}
    .class2 A:active {text-decoration: underline overline}
    .class2 A:hover {text-decoration: underline; color: green;}
    </style>
    </head>
    
    <body>
    ONE TYPE OF LINKS
    <br>
    <span class="class1">
    <a href="http://www.yahoo.com">YAHOO</a>
    <br>
    <a href="http://www.google.com">GOOGLE</a>
    </span>
    <br>
    <br>
    ANOTHER TYPE OF LINKS
    <br>
    <span class="class2">
    <a href="http://www.yahoo.com">YAHOO</a>
    <br>
    <a href="http://www.google.com">GOOGLE</a>
    </span>
    </body>
    </html>
    EDIT: Use the example links
    --Kevin
    15" MacBook Pro With: Mac OSX 10.4.11(Tiger) 1440x900 Windows XP SP2 3GB RAM 1TB HDD
    kevind_2007--"Never let the fear of striking out get in your way."--Babe Ruth

    Links:Firefox Download||Google|| HTML Help||DHTML|| Web Design Terminology||Good-Tutorials

  4. #3
    Junior Member
    Join Date
    Aug 2004
    Posts
    2
    Member #
    6990
    Ahh perfect. Thanks mate.

    I appreciate your help. :classic:


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:51 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com