Hodad <zi*@nospam.com> wrote:
I would like to adapt, as much as possible, the appearance and
color red of the
font in this button:
<P><CENTER><BUTTON VALUE="SUBMIT"><A
HREF="http://www.familytreedna.com/surname_join.asp?code=Q17978"
STYLE="TEXT-DECORATION: NONE;">
<FONT COLOR="RED" FACE="COPPERPLATE GOTHIC BOLD">Right
Here</FONT></A></BUTTON></CENTER></P>
to this form:
<form
action="http://www.familytreedna.com/surname_join.asp?code=Q17978"><
div align="center"><center>
<p><input type="submit" value="Right
Here"></p></center></div></form>
It seems that you are trying to convert the use of a <button> element
to the use of <input type="submit">, which is a good idea, since the
latter is better supported by browsers.
When using <input>, you don't set visual properties in HTML but use
CSS. At the same time, you might move all the presentational issues
into CSS. I have also fixed the form to use the post method (since the
effect of submitting a form is apparently the act of joining something,
not just information retrieval) and to contain a meaningful text in the
button:
<form method="post"
action="http://www.familytreedna.com/surname_join.asp?code=Q17978">
<div><input type="submit" value="Join the project"></div></form>
And you could style it by putting the following into the <head> part of
your document (assuming that this is the only <input> field - if there
are several of them, a little more is needed):
<style type="text/css">
form div { text-align: center; }
input { color: red;
background: #ccc;
font-family: "Copperplate Gothic Bold"; }
</style>
The color #ccc is close to the default gray color of buttons in several
browsers. Personally I would use something lighter.
Beware that Copperplate Gothic Bold is not very widely available.
The page
http://www.codestyle.org/css/font-fa...sResults.shtml
estimates that 44 % of Windows systems have it, and on other systems
the coverage is even smaller. Maybe selecting a list of some more
common fonts for font-family and setting font-variant: small-caps
would give roughly the appearance you're looking for.
--
Yucca,
http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring:
http://www.cs.tut.fi/~jkorpela/www.html