|
|
Posted by Michael on 02/22/07 14:00
Have you tried adding
width: 100px;
height: 40px;
to the a.buttonise declaration?
Regards
Michael.
PS Note that this is a bad idea. It doesn't behave well under client-side
font size scaling and you will have a problem with long (> 100px) texts.
"Jim S" <jim@jimXscott.co.uk> schreef in bericht
news:r1mz9kptbxeb.dlg@ID-104726.news.individual.net...
> 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
Navigation:
[Reply to this message]
|