Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 01-22-2008, 05:54 PM   PM User | #1
Heeter
New Coder

 
Join Date: Jul 2007
Posts: 54
Thanks: 17
Thanked 0 Times in 0 Posts
Heeter is an unknown quantity at this point
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
Heeter is offline   Reply With Quote
Old 01-22-2008, 06:22 PM   PM User | #2
Apostropartheid
The Apostate


 
Apostropartheid's Avatar
 
Join Date: Oct 2007
Posts: 3,215
Thanks: 16
Thanked 265 Times in 263 Posts
Apostropartheid is on a distinguished road
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>
__________________
Blog | Twitter
Useful links: W3C HTML Validator | W3C CSS Validator | HTML 5 Guide
CF: HTML & CSS Resources/Tutorials Thread | HTML & CSS Posting Rules and Guidelines
Remember: no link, no code, no help!
Apostropartheid is offline   Reply With Quote
Users who have thanked Apostropartheid for this post:
Heeter (01-22-2008)
Old 01-22-2008, 06:54 PM   PM User | #3
Heeter
New Coder

 
Join Date: Jul 2007
Posts: 54
Thanks: 17
Thanked 0 Times in 0 Posts
Heeter is an unknown quantity at this point
Thanks for the help, that worked out,

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


Thanks,

Heeter
Heeter is offline   Reply With Quote
Old 01-22-2008, 07:15 PM   PM User | #4
Apostropartheid
The Apostate


 
Apostropartheid's Avatar
 
Join Date: Oct 2007
Posts: 3,215
Thanks: 16
Thanked 265 Times in 263 Posts
Apostropartheid is on a distinguished road
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;
}
__________________
Blog | Twitter
Useful links: W3C HTML Validator | W3C CSS Validator | HTML 5 Guide
CF: HTML & CSS Resources/Tutorials Thread | HTML & CSS Posting Rules and Guidelines
Remember: no link, no code, no help!
Apostropartheid is offline   Reply With Quote
Old 01-22-2008, 07:23 PM   PM User | #5
Heeter
New Coder

 
Join Date: Jul 2007
Posts: 54
Thanks: 17
Thanked 0 Times in 0 Posts
Heeter is an unknown quantity at this point
Thanks again, for the information.

I will just leave it like that then.

Thanks for your help.

Heeter
Heeter is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 05:47 AM.


Advertisement
Log in to turn off these ads.