Hi Michael,
Maybe this can help with the styling? I use this when I need a hyperlink
styled as a button. As Mike illustrated, the hyperlink anchor is encapsulated
within a paragraph element. The "button" in the a:link and a:visited pseudo
classes are light grey background with black text. The a:hover, a:active, and
a:focus pseudo classes are black background with white text. The "button"
border colors change respectively according to the link state. Obviously, you
can adjust everything according to need.
///////////////////////
(X)HTML:
<p class="top"><a href="----">_button name goes here_</a></p>
//////////////////////
CSS:
.top
{
margin: 2em 0em 0em 0.8em;
letter-spacing: 0.1em;
font-size: 0.8em;
background-image: none;
}
.top a:link, .top a:visited
{
padding: 0em 0.6em;
font-variant: small-caps;
color: #000;
background-color: #ddd;
background-image: none;
text-decoration: none;
border-top: 0.15em solid #bbb;
border-left: 0.15em solid #bbb;
border-bottom: 0.15em solid #000;
border-right: 0.15em solid #000;
}
.top a:hover, .top a:active, .top a:focus
{
padding: 0em 0.6em;
font-variant: small-caps;
color: #fff;
background-color: #000;
text-decoration: none;
background-image: none;
border-top: 0.15em solid #aaa;
border-left: 0.15em solid #aaa;
border-bottom: 0.15em solid #f5f5f5;
border-right: 0.15em solid #f5f5f5;
}
//////////////////////
Hope this helps,
Kind regards,
Frank M. Palinkas
Microsoft M.V.P. - Windows Help
M.C.P., M.C.T., M.C.S.E., M.C.D.B.A., A+
W3C HTML Working Group (H.T.M.L.W.G.) - Invited Expert
Senior Technical Communicator
Web Standards & Accessibility Designer
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
