Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.
Trending News
HTML Clickable link help needed?
I know how to make a clickable link, but how do you make it a different color, Centered, and a bigger font all at the same time?
6 Answers
- d3v10u5b0yLv 61 decade agoFavorite Answer
::Inline Style Method::
<a style="color: COLOR HERE; text-align: center; font-size: XXpx;" href="URL HERE">LINK TEXT HERE</a>
::StyleSheet Method (internal)::
...
<head>
<style type="text/css">
a {
color: COLOR HERE;
text-align: center;
font-size: XXpx;
}
</style>
</head>
<body>
<a href="URL HERE">LINK TEXT HERE</a>
...
::StyleSheet Method (External)::
the same code is applied above, but placed into a .css file and uploaded elsewhere. In place of the style tag goes a link tag:
<link rel="stylesheet" type="text/css" href="URL OF .CSS FILE" />
::Additional Details::
Since you asked about changing link color, I'm assuming you are less than familiar with color codes. You can specify the color of an element in a few different ways:
-keywords (such as 'red', 'blue', or 'green')
-RGB decimal
-RGB percentage
-hexadecimal
Rather than go into detail (since this info is readily available to anyone willing to look online), I'll just give an example of each. The codes below each would produce a green color:
color: green;
color: rgb(0,255,0);
color: rgb(0,100%,0);
color: #00FF00;
color: #0F0;
- 1 decade ago
Alrighty, I'm a pro webmaster on my site www.lukeishere.com. So I shall help you!
Clickable links would use this code: <a href="website path here">CLICKABLE TEXT</a>
For color, you could do one of two things. You can use <FONT> tags, such as <font color="hexadecimal code"></font>, and place the linking code inside it.
A more complicated way would be to insert it into the BODY tag. There are three options. Alink, which is for links that have been clicked and you are now being directed, Vlink, for a link you have already visited, and just link for link colors. So for example, just a link color would look like this:
<body link="003366">
And you can fill out the hex code to your needs.
For centering, you use just simple text centering. You can use either <div align="center"></div> and place the link code in the middle or just <center></center> and place the link code in the middle of that.
For bigger font, you would use simple text font sizes, using the codes <font size="1-7"></font> and place the link code in the middle of that.
So one link with all the features would look like this:
<font color="red" size="6"><div align="center"><a href="http://www.lukeishere.com/index.html%3ELukeishere....
Yes, you must combine both color and size into one <font> tag.
I hope I get something good for this, it took forever to right. But I do hope this helped you!
Hope I can answer your question! Feel free to contact me with your solution or any other problems/details at any time, either on Yahoo! Messenger or by email.
- 1 decade ago
WRONG radden419
that site looks as if it knows NOTHING about website design,
the easyiest way to define colours and fonts is within a css document
eg
THIS IS THE HTML
</style>
</head>
<body>
<div id="div.1">
<div align="center"><a href="http://www.recipebite.co.uk">this/ is the displayed text</a></div>
</div>
</body>
</html>
THIS IS THE CSS
#div.1 {
color:#000000;
font-size:24px;
}
( make your css sheet, then link to it using the following )
<link rel="stylesheet" type="text/css" href="the /root /toyourstylesheet.css
( then place it under your meta tags )
save your style sheet as ( if it was as above )
toyourstylesheet.css
this can be done easily in notepad by just putting .css at the end of the file name
( if you need to know more about css, go here http://www.htmldog.com/guides/cssbeginner/ )
any questions go here http://www.webforumz.com/
--------------------------
this is TRUE website design, not the rubbish that some people have been saying
- 1 decade ago
Jeez I do wish these "pro" webmasters would actually attempt to learn their trade.
The <font> tag in html was removed from WC3 recommendations way back and all webmasters were advised to use CSS to style their documents.
my css suggestion would be
a {color: whatever;text-align: center;font-size:whateverem}
- How do you think about the answers? You can sign in to vote the answer.
- Anonymous1 decade ago
Link color is added in the <head> using <style>
<head>
<style type="text/css">
<!--
a:link {
color: #0000CC;
-->
}
</style></head>
a:link would be the color the link would be.
after you do that, you can then put in the links in the <body>
<body>
<center><font size="2"><a href="http://www.website.com">/
website.com</center></font></ a>
</body>
check source for font size tutorial.
Source(s): http://www.tizag.com/htmlT/font.php - David BLv 41 decade ago
<style type="text/css">
a { color: green; size: 16pt; }
a:hover { color: #3366ff; text-decoration:none; }
</style>
put that between your <head> </head> tags. Also you should read up on CSS
