button format with stylesheet

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
pleigh
Forum Contributor
Posts: 445
Joined: Wed Jan 19, 2005 4:26 am

button format with stylesheet

Post by pleigh »

i have a button formatted with stylesheet...my problem is its appearance...my button looks like this

-----------------------------
|<--->button name<--->|
-----------------------------

the arrows indicates the space from the edge of the button to its value....i want to lessen the space so it will look nice....here's my css code below

Code: Select all

.buttonformat {
background-color: #c0c0c0;
font-family: verdana;
border: #000000 2px solid;
font-size: 12px;
color: #000000;
}
your help will be much appreciated...
User avatar
n00b Saibot
DevNet Resident
Posts: 1452
Joined: Fri Dec 24, 2004 2:59 am
Location: Lucknow, UP, India
Contact:

Post by n00b Saibot »

Hint: padding-left and padding-right :wink:
User avatar
pleigh
Forum Contributor
Posts: 445
Joined: Wed Jan 19, 2005 4:26 am

Post by pleigh »

thanks noob...but it doesn't work...i'm not sure what or where the problem is...
User avatar
n00b Saibot
DevNet Resident
Posts: 1452
Joined: Fri Dec 24, 2004 2:59 am
Location: Lucknow, UP, India
Contact:

Post by n00b Saibot »

then i am sorry but your only hope seems to be the width attribute. :(
Calculate the text width and set the width accordingly.
Post Reply