[استفسار] كيف ارتب عناصر النماذج Forms باستخدام CSS

[الفايق]

السلام عليكم ورحمة الله وبركاتة ،
ابغى اسوي نموذج وابغى ارتب عناصره بحيث مثلا :
الاسم :----------هنا يظهر مربع ادخال البيانات
البريد :----------هنا يظهر مربع ادخال البيانات
الرقم السري :--هنا يظهر مربع ادخال البيانات

ابغى ارتبها لتظهر بشكل مقبول وبحيث ان الكلمات تظهر في عمود ومستطيلات الادخال تظهر في عمود ، ما ادري عن الجداول اذا تنفع ، لكن جربتها وظهرت بشكل غير متوازي !

\\ سؤال خارجي //
كيف اتحكم في حدود ( طول وعرض ) الخلايا باستخدام كلاس واحد للجدول :

<table class="table">

لاني اشوفها صعبة لو اسويها لكل خلية في الجدول ، راح تتعب يدي
مع المحبة

[الإمبراطور وحيد]

السلام عليكم
يمكنك استخدام الجداول فهي الأنسب لها
او استخدام هذه الفكرة :

<style type="text/css"> 
.leftalgin {
FLOAT: left; WIDTH: 40%
}
.rightalgin {
FLOAT: right; WIDTH: 60%
}
</style>
 
<div>
<div class="rightalgin">الإسم :</div>
<div class="leftalgin"><input type="text" class="tx" name="name" size="30" /></div>
</div><br /><br />

اما بخصوص تنسيق الخلايا بالشكل التالي :

.table td{
border : 1px solid #ACA899;
padding:4px;
}

أتمنى أفدتك
تحياتي لك
إمبراطورية وحيد

[الفايق]

شكرا لك كفيت ووفيت ، بس بخصوص خلايا الجدول وين احط الكلاس بالضبط ؟
احطه في خصائص الـ table ؟

[الإمبراطور وحيد]

السلام عليكم
يمكنك وضعه بالطريقة :

<table class="table">

سلامي لك

[الفايق]

ما قصرت ، جاري التجربة