[solved]please help me to correct this css code .

[amin30b]

Hi all

I control my textfields width with default input lable :

Code: Select all

input {
width: 130px;
font-size: 12px;
font-family: Tahoma;
background-color: #F7F7F7;
border: 1px solid;
border-color: #cccccc;
margin: 2px 10px 2px 2px;
}

but this solution has a bad conflict with my website buttons beacuse
all of them inherit 130px width from input properties and look very bigger than normal mode .
How can I define separated css class or ID for buttons ?
In some modules buttons have only a simple tag like

Code: Select all

{$submit}

and
when I define an specific ID like

Code: Select all

 <div id="button">{$submit}</div>

, it affects to background of button and not button itself .

[KO]

In some modules buttons have only a simple tag like

Code: Select all

{$submit}

and
when I define an specific ID like

Code: Select all

 <div id="button">{$submit}</div>

, it affects to background of button and not button itself .

Have you tried controlling your button with styles like this?

div#button input {broder:none; and other your styles}

br,K