YUI buttons, how to style them?

Hi all,

I'm worrking on an application that uses the YUI button controls, but I'm having issues styling them... I'm fairly new to CSS and new to YUI, so any help would be appreciated.

I'd like to be able to change the width of the button, and how much padding/margin are on the top/bottom/left/right on a button by button basis. I've read the button user guide section on skinning the button control ( http://developer.yahoo.com/yui/button/#skinning ) & the CSS Clases reference ( http://developer.yahoo.com/yui/button/#cssref ). I tried the follow css style

.yui-button { font-weight: bold; }

to make the text of all the buttons bold... here HTML markup for one of my buttons

<input name="get_rows_btn" id="get_rows_btn" type="button" value="get rows">

and here is the corresponding JavaScript

 function onButtonsReady() {
 &nbsp;...
&nbsp; ...
 &nbsp;
 &nbsp;var get_rows_btn = new YAHOO.widget.Button("get_rows_btn");
&nbsp; 
&nbsp; get_rows_btn.addListener("click", getrows);&nbsp;
 }
&nbsp;
 ;YAHOO.util.Event.onContentReady("manage", onButtonsReady);

Here is my code so far: https://maccodemonkey.sslpowered.com/test/manage8.html

Any help would be much appreciated!

 ;

Also, any  comments or suggestions on how to improve the JavaScript, CSS, HTML markup or overall design would be appreciated too.

&nbsp;

Regrads,

-- Greg

Messages in this topic (1) Reply (via web post) | Start a new topic

.