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 5 of 5
  1. #1
    New Coder
    Join Date
    Jul 2007
    Posts
    54
    Thanks
    17
    Thanked 0 Times in 0 Posts

    link to middle of same page question

    Hi all,

    I would like to know how to link from a link on the top of the page to a paragraph in the middle of the page.

    From what I have right now, it seems to work somehow, but the link on top changes color and stays purple.

    Here is an example of what I have:

    Code:
    <font face="Arial"><a href="#A"><li>Link To Bottom><font face="Arial"><a href="#A"><li>Airbrake Endorsement</a></font><br>
    </a></font><br>
    And the middle para.

    Code:
    <b><a name="A">Airbrake Endorsement:</a></b>

    Thanks,


    Heeter

  • #2
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Try this.
    Code:
    [...]
    <style type="text/css">
    a.internal {
        font-family: Arial, sans-serif;
        color: blue;
    }
    p {
        font-weight: bold;
    }
    </style>
    [...]
    <a href="#airbrake" class="internal">Link to Bottom &gt; Airbrake Endorsement.</a>
    <p id="airbrake">Airbrake Endorsement:</p>

  • Users who have thanked Apostropartheid for this post:

    Heeter (01-22-2008)

  • #3
    New Coder
    Join Date
    Jul 2007
    Posts
    54
    Thanks
    17
    Thanked 0 Times in 0 Posts
    Thanks for the help, that worked out,

    BTW would you know why the link, when clicked on, stays purple?


    Thanks,

    Heeter

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    What do you mean?

    After it's clicked its color'll be purple to signal it's visited. If you want to modify that, use the :visited psuedoclass.

    Code:
    a:visited {
        color: pink;
        text-decoration: none;
    }
    a:hover {
        color: #39f;
    }

  • #5
    New Coder
    Join Date
    Jul 2007
    Posts
    54
    Thanks
    17
    Thanked 0 Times in 0 Posts
    Thanks again, for the information.

    I will just leave it like that then.

    Thanks for your help.

    Heeter


  •  

    Posting Permissions

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