نحوه تعریف مشخصات یک button در CSS

[jetext]

در ابتدا باید بگم من تازه کارم پس اگه حرفه بی معنایی زدم معذرت.
من داخل تمپلیت یک ماژول جوملا یک دکمه دارم که با کد زیر تعریف شده

<input type="submit" id="submitchat" name="submit" class="button" value="<?php echo JText::_( 'SEND'); ?>" />
​

این دکمه تو محل خودش وسط قرار نمیگیره و میخوام مشخصاتش رو داخل فایل css ماژول تعریف کنم. (تقریبا از این بابت مطمئنم که از قبل داخل css چیزی براش تعریف نشده).
از کمک شما تشکر.

 

[jetext]

<input type="submit" id="submitchat" name="submit" class="button" value="<?php echo JText
کد پست بالا بخاطر پرانتزای آخرش به هم ریخته نشون داده شد. قسمت آخرش رو حذف کردم که مرتب تر نشون داده بشه

 

[www.ahvazcity.net]

کافیه دستورات رو بین کد زیر قرار بدید.

.button{
.
.
.
}

موفق باشید

 

[jetext]

دوست عزیز واقعا ممنون.
یک سوال دیگه اگر امکان داره؛

تو همون تمپلیت سه تا inputbox معرفی شده با کدهای زیر
<input type="text" name="shoutboxname" id="shoutboxname" class="inputbox"
و
<input type="text" name="shoutboxurl" id="shoutboxurl" class="inputbox"
و
<input type="text" name="chatbarText" id="chatbarText" class="inputbox"

من طبق کد بالا مشخصات رو تعریف کردم اما تو هر سه تا باکس اعمال میشه.
چطور میشه این سه تا رو داخل css تفکیک کرد؟ یعنی برای هرکدوم مشخصات خاص خودش رو معرفی کرد.
با تشکر مجدد.

 

[www.ahvazcity.net]

خوب دوست من برای هر کدوم اگر دیده باشید یه class تعریف شده اگر شما برای هر کدوم نام class رومتفاوت از دیگری بزاری می تونی تفکیکش کنی.
اگر بازم سوالی بود در خدمتم.موفق باشید

 

[jetext]

دوست عزیز یک دنیا تشکر، درست شد.
اگر لطف کنید یک نگاهی به آدرس www.irsaze.com بندازید من سمت راست یک چت باکس گذاشتم که سوالای بالا مربوط به همین بود.
منتهی قسمت url نوشته http:// داخل باکس رو درست نشون نمیده (چپکی نشون میده) و همین طور نوار scroll هم تو موزیلا و کروم سمت راسته که خوبه ولی تو اپرا و اکسپلورر سمته چپه.

البته اکسپلورر 1 مشکل دیگه هم داره که دکمه ارسال رو که وسط گذاشتم میبره سمت راست.

شرمنده از مزاحمتم.

 

[jetext]

ماژول چت باکس رو هم میذارم برای موارد لازم.

 

[www.ahvazcity.net]

نوار scroll هم تو موزیلا و کروم سمت راسته که خوبه ولی تو اپرا و اکسپلورر سمته چپه.

#chatoutput {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#333333;
font-family:tahoma,arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:200px;
line-height:normal;
margin-top:10px;
overflow:auto;
padding:6px 8px;


}

به این کد بالا direction اضافه می کنید

direction:rtl;

مشکل مربوط به تمپلت شماست که چپ چین هست با همین دستور Direction که دادم هر قسمتی که چپ به راست هست رو راست به چپ کنید.

البته اکسپلورر 1 مشکل دیگه هم داره که دکمه ارسال رو که وسط گذاشتم میبره سمت راست.

برای اینترنت اکسپلورر یه css جدا تعریف کنید و مشخصات رو مطابق با ie انجام بدید که هر وقت با این مرور گر باز شد مشخصات اون Css خونده بشه