وسط چین کردن با css

[behnam shamlo]

سلام
من می خوام یه فرم برای تماس با من بسازم با div و css
ولی هرکاری میکنم نمی تونم فرم ام رو بوسیله css وسط صفحه قرار بدم
با تگ center در html تونستم ، و فرم وسط صفحه اومد ولی تکست های فرم مثل نام و ایمیل و پیغام هم در داخل فرم وسط چین شد.
چیزی که برام مهمه میخوام با css اینکارو انجام بدم


<form method="post" action="mail.php">
<div style="border: dashed #3300FF; width: 300px;margin-top: 100px;">
<div >
<div style="border: #3300CC dashed; float: left; width: 100px;border-left: 5px">Full name:</div>
<div style="border: #3300CC dashed; width: 300px"><input type="text" size="26" /></div>
</div>
<div style="clear: none">
<div style="border: #FF0066 dashed; float: left ; width: 100px;border-left: 5px" >Email:</div>
<div style="border: #FF0066 dashed; width: 300px;"><input type="text" size="26" /></div>
</div>
<div style="">
<div style="border: #330000 dashed;float: left;width: 100px" >Message:</div>
<div style="border: #330000 dashed;width: 300px"><textarea rows="5" cols="20" ></textarea></div>
</div>

<div style="width: 300px"><input type="submit" value="Send" /></div>

</div>
</form>

در ضمن من در کار کردن با css نا واردم( نخندید)
اگه هم در استایل هام چیز اضافی هست بهم بگید
ممنون میشم کمک کنید

[بهزاد علی محمدزاده]

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

هرکدوم رو که می خوای وسط چین کنی :

margin-left:auto;
margin-right:auto;

[ravand]

چرا از كد زير استفاده نميكني؟ فكر ميكنم بهتر به كار شما مياد.

[Saber Mogaddas]

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


<form method="post" action="mail.php">
<div style="border: dashed #3300FF; width: 300px;margin-top: 100px auto auto;">
<div >
<div style="border: #3300CC dashed; float: left; width: 100px;border-left: 5px">Full name:</div>
<div style="border: #3300CC dashed; width: 300px"><input type="text" size="26" /></div>
</div>
<div style="clear: none">
<div style="border: #FF0066 dashed; float: left ; width: 100px;border-left: 5px" >Email:</div>
<div style="border: #FF0066 dashed; width: 300px;"><input type="text" size="26" /></div>
</div>
<div style="">
<div style="border: #330000 dashed;float: left;width: 100px" >Message:</div>
<div style="border: #330000 dashed;width: 300px"><textarea rows="5" cols="20" ></textarea></div>
</div>

<div style="width: 300px"><input type="submit" value="Send" /></div>

</div>
</form>


اگه دقت کنید می بینید که فقط تو div اصلی شما منظورم div کلی که محتویات کل فرم هستند..margin رو به این صورت تغییر دادم..



margin-top: 100px auto auto;


موفق باشی..

[behnam shamlo]

مرسی صابر عزیز . واقعا متشکرم.ممنون رفیق برای وقتی که گذاشتی

[samiasoft]

سلام دوستان

من یه منوی css بصورت زیر دارم


http://samisoft.ir/1/images/90Cp7.gif

لینک منوی css (http://s5.picofile.com/file/8144306684/css3_menu_fa.rar.html)

میخواستم اینو به مرکز صفحه بیارم یا اینکه اینو چپ به راست کنیم.
ممنون میشم راهنمایی کنین

[پیام حیاتی]

سلام دوستان

من یه منوی css بصورت زیر دارم


http://samisoft.ir/1/images/90Cp7.gif

لینک منوی css (http://s5.picofile.com/file/8144306684/css3_menu_fa.rar.html)

میخواستم اینو به مرکز صفحه بیارم یا اینکه اینو چپ به راست کنیم.
ممنون میشم راهنمایی کنین
شما به تاریخ تایپیک توجه کردید؟!بهتر نبود یک تایپیک جدید ایجاد کنید.
در مورد سط چین کردن و تغییر جهت عناصر پست های زیادی زده شده و جواب زیادی هم گرفته شده جستجو کنید.

[ravand]

اون روش وسط چین کردنی که من در اون تاریخ گفتم اشتباه هست. و استاندارد نیست.
یک روش وسط چین کردن اینطوریه:

<div style="text-align:center;">
<div style="margin-right:auto;margin-left:auto;">
متن
</div>
</div>

و روش دیگه:

<div style="margin:0 auto;">
متن
</div>