Links #2 - Post ID 73626
Sarah Meder
Registered User
1 post
Is there anyway to take away the underlineing form the text once I make it a link? I also cant seem to change the color of the text once it is a link as well. And can you make a picture a link?
Mike James
Registered User
7 posts
In your HTML you can make the link any color you want. In the <body> tag there are a few attributes you can use. "link" changes the color of the link. "alink" changes the color of the Active Link. "vlink" changes the color of a Visited Link.
Example: <body link="white" alink="blue" vlink="yellow">
There can be many more attributes in the <body> tag besides just these. If you google that tag, you will get a ton of them.
Mike
Example: <body link="white" alink="blue" vlink="yellow">
There can be many more attributes in the <body> tag besides just these. If you google that tag, you will get a ton of them.
Mike
Mike James
Registered User
7 posts
making a picture a link.
an image is displayed using the <img> tag.
Example: <img src="images/flower.jpg"> This will display the jpg image named flower located in your 'images' folder.
To make it a link, you need to use the anchor tag <a>. This tag requires an opening anchor <a>, and a closing anchor </a>. What ever is inbetween these tags will become a link. The "href" attribute of the <a> anchor tag tells where to send the link.
Example: <a href="http://www.flowers.com"><img src="images/flower.jpg"></a>
We have the <img> tag showing our flower. We put the <a> tag using the "href" attribute pointing to http://www.flowers.com in front of our <img> tag. We then closed the anchor tag with </a> after the <img> tag.
When you make an image into a link, your browser will automatically put a border around the image. To get rid of the border you can use the attribute "border" inside your <img> tag.
Example: <img src="images/flower.jpg" border="0">
This tells the browser that the border will be 0 pixels wide (in other words... no border). If you want the border to be there you can increase the thickness of the border by increasing the number to 2 or 3 and so on.
The whole link with NO border will look like this.
<a href="http://www.flowers.com"><img src="images/flower.jpg" border="0"></a>
Mike
an image is displayed using the <img> tag.
Example: <img src="images/flower.jpg"> This will display the jpg image named flower located in your 'images' folder.
To make it a link, you need to use the anchor tag <a>. This tag requires an opening anchor <a>, and a closing anchor </a>. What ever is inbetween these tags will become a link. The "href" attribute of the <a> anchor tag tells where to send the link.
Example: <a href="http://www.flowers.com"><img src="images/flower.jpg"></a>
We have the <img> tag showing our flower. We put the <a> tag using the "href" attribute pointing to http://www.flowers.com in front of our <img> tag. We then closed the anchor tag with </a> after the <img> tag.
When you make an image into a link, your browser will automatically put a border around the image. To get rid of the border you can use the attribute "border" inside your <img> tag.
Example: <img src="images/flower.jpg" border="0">
This tells the browser that the border will be 0 pixels wide (in other words... no border). If you want the border to be there you can increase the thickness of the border by increasing the number to 2 or 3 and so on.
The whole link with NO border will look like this.
<a href="http://www.flowers.com"><img src="images/flower.jpg" border="0"></a>
Mike
Bruzer
Registered User
3,940 posts
Sarah what program are you using?
Mike James
Registered User
7 posts
removing the underline from your text.
As above, when creating a link (text or image) we use the anchor tag <a>. There is an attribute called 'style' that we can use to manipulate the look of the link. When creating a text link in HTML you type your text between the <a> and </a> tags.
Example: <a href="http://www.flowers.com">flowers</a>
This made a link out of the word 'flowers'. To take the underline away you will need to add the 'style' attribute to the <a> tag.
example:<a href="http://www.flowers.com" STYLE="text-decoration:none">flowers</a>
The style attribute above removes all 'decoration' from your link.
Hope this helps.
Mike
As above, when creating a link (text or image) we use the anchor tag <a>. There is an attribute called 'style' that we can use to manipulate the look of the link. When creating a text link in HTML you type your text between the <a> and </a> tags.
Example: <a href="http://www.flowers.com">flowers</a>
This made a link out of the word 'flowers'. To take the underline away you will need to add the 'style' attribute to the <a> tag.
example:<a href="http://www.flowers.com" STYLE="text-decoration:none">flowers</a>
The style attribute above removes all 'decoration' from your link.
Hope this helps.
Mike
Bruzer
Registered User
3,940 posts
another option could be css style between the head tags:
<style type="text/css">
a:link {
color: #CC00F; text-decoration: none;
}
a:visited {
color: #00CCCC; text-decoration: none;
}
a:active {
color: #000000; text-decoration: none;
}
a:hover {
color: #FF0000; text-decoration: underline;
}
</style>
<style type="text/css">
a:link {
color: #CC00F; text-decoration: none;
}
a:visited {
color: #00CCCC; text-decoration: none;
}
a:active {
color: #000000; text-decoration: none;
}
a:hover {
color: #FF0000; text-decoration: underline;
}
</style>
Larry Jones
Registered User
1 post
I have this on my home page, itsit@hlarryjay.com, how do I make it a link?
BillR
Ambassador
3,144 posts
I suggest you change your forum name to something other than your email address. This is an open forum and spammers could get your address.
If you want to make a mail link, use this code:
<a href="mailto:itsit@hlarryjay.com"> text to be displayed</a>
Just copy that line of code, and change the text to be displayed to something that suits you.
If you want to make a mail link, use this code:
<a href="mailto:itsit@hlarryjay.com"> text to be displayed</a>
Just copy that line of code, and change the text to be displayed to something that suits you.
lobo777
Registered User
9 posts
I am using the visual site designer, and would really just like to keep a few text links as the color that I originally made them and put them on top of my menu bar so they're effectively menu buttons. I do not want it to effect all of the links on the page though. How would I go about doing this in VSD?
www.theglobalguru.net
Thanks for any help you can provide.
www.theglobalguru.net
Thanks for any help you can provide.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
