Styling Input Buttons [solved]
Posted: Sat Nov 13, 2010 11:03 pm
I'm sure this is an easy one for the "Doctor".
I really like the look of the form buttons used for the NCleanGrey Admin theme.
I've had a poke around at some of the code but must admit I'm a little stumped.
This is what I have in my site CSS now:
input, select
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
}
input[type="button"],
input[type="submit"] {
background:url("themes/NCleanGrey/images/layout/nav.png") repeat-x scroll left -50px transparent;
color:#FFFFFF;
cursor:pointer;
padding:3px 4px 4px;
}
The second part I took from one of the CSS sheets for the NCleanGrey theme. The problem is I'm not really getting the same effect as the Admin theme. The input, select part was already part of my theme CSS. Can anyone take a look at this and tell me if maybe there is a simpler or more correct way to do this? Obviously I'm doing something wrong and I think it has to do with the specific input tag in my HTML.
Here is a link to one of my forms: http://www.troop74.net/index.php?page=news_sub2
I really like the look of the form buttons used for the NCleanGrey Admin theme.
I've had a poke around at some of the code but must admit I'm a little stumped.
This is what I have in my site CSS now:
input, select
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
}
input[type="button"],
input[type="submit"] {
background:url("themes/NCleanGrey/images/layout/nav.png") repeat-x scroll left -50px transparent;
color:#FFFFFF;
cursor:pointer;
padding:3px 4px 4px;
}
The second part I took from one of the CSS sheets for the NCleanGrey theme. The problem is I'm not really getting the same effect as the Admin theme. The input, select part was already part of my theme CSS. Can anyone take a look at this and tell me if maybe there is a simpler or more correct way to do this? Obviously I'm doing something wrong and I think it has to do with the specific input tag in my HTML.
Here is a link to one of my forms: http://www.troop74.net/index.php?page=news_sub2