Posted by Jim S on 02/22/07 11:26

Some time ago someone here gave me a css setup to make moving buttons as
links in my site (code below). It works excellently so thanks to whomever.

I would like to do something similar with a fixed size button eg 100 x 40 px
where the text might flow to 2 lines. The code below makes the button fit
the text and I cannot work out how to modify it.

a.buttonise:link {
border: 2px outset #E8E8E8;
background: #E8E8E8;
color: black;
text-decoration: none;
padding: 2px 0.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
}
a.buttonise:visited {
border: 2px outset #E8E8E8;
background: #E8E8E8;
color: #800080;
text-decoration: none;
padding: 2px 0.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
}
a.buttonise:hover, a.buttonise:focus {
border: 2px outset white;
background: white;
font-size: small;
font-weight: normal;
color: red;
}
a.buttonise:active {
border: 2px inset #cfcfc3;
background: #cfcfc3;
font-size: small;
font-weight: normal;
color: black;
}
--
Jim S
Tyneside UK
http://www.jimscott.co.uk

[Back to original message]