F-b0mb
04-11-2009, 01:34 AM
Hello, I would like to make the form submit button look the way way I have styled my links on this page (http://dracochess.uuuq.com/). I don't know how to get rid of the borders for one thing. My css may be kind of a mess too but it validates except for the -moz-border-radius/-webkit-border-radius and warnings about floated element widths. The stylesheet that covers the links and buttons is here (http://dracochess.uuuq.com/boardstyle.css). In case you don't feel like looking there, here is my links css that I would like the button to look like:
#invertbutton {color: rgb(68,53,0);
display:block;
background: transparent url("img/invertbutton.png") no-repeat top left;
width: 111px;
height:18px;
margin: 10px auto;
font-size: .75em;
font-weight:bold;
text-decoration: none;
vertical-align: middle;
padding-top:3px;
}
#invertbutton:hover {background: transparent url("img/invertbutton.png") no-repeat 0 -21px;
color: #fff;
}
#invertbutton:active {background: transparent url("img/invertbutton.png") no-repeat 0 -42px;
color: rgb(186,3,3);
padding-top:4px;
height:17px;
}
Thanks for any help you can offer.
#invertbutton {color: rgb(68,53,0);
display:block;
background: transparent url("img/invertbutton.png") no-repeat top left;
width: 111px;
height:18px;
margin: 10px auto;
font-size: .75em;
font-weight:bold;
text-decoration: none;
vertical-align: middle;
padding-top:3px;
}
#invertbutton:hover {background: transparent url("img/invertbutton.png") no-repeat 0 -21px;
color: #fff;
}
#invertbutton:active {background: transparent url("img/invertbutton.png") no-repeat 0 -42px;
color: rgb(186,3,3);
padding-top:4px;
height:17px;
}
Thanks for any help you can offer.