السلام عليكــم ورحمـة الله وبركاتــة
ما هو الكود باستخدام الـ div المقابل لهذا الكود
<table style="width: 100%; height: 201px;"> <tr> <td >1</td> <td>2</td> <td>3</td> </tr> <tr> <td >4</td> <td>5</td> </tr> <tr> <td>6</td> </tr> </table>
وياريت لو يكون كل <td> له عرض مختلف؟
شكرا
يمكنك استخدام <ul> و <ol>
مثلا
<style>
.ex li {display:inline-block;}
</style>
<ul class="ex">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ul class="ex">
<li>4</li>
<li>5</li>
</ul>
<ul class="ex">
<li>6</li>
</ul>تم تعديل هذه المشاركة بواسطة ahmad123 في 10 نوفمبر 2008 في 18:53
لو تحتاج إلى عناصر بجانب بعض إما تستخدم خلايا جدول أو جرب استخدام SPAN
Do as I say, not as I do
We are Anonymous. We are Legion. We don't forgive. We don't forget
السلام عليكــم ورحمـة الله وبركاتــه
متشكر جدا علي الردود ، بس للاسف بعد التجربة يوجد اختلاف
مثال
<style type="text/css">
.ex li {display:inline;}
</style>
.
.
.
.
<ul class="ex">
<li style="width: 33%">1-1</li>
<li style="width: 33%">1-2</li>
<li style="width: 33%">1-3</li>
</ul>
<ul class="ex">
<li style="width: 33%">2-1</li>
<li style="width: 33%">2-2</li>
</ul>
<ul class="ex">
<li style="width: 33%">3-1</li>
</ul>
<hr />
<div style="width: 100%">
<div>
<span style="width: 33%"> 1-1 </span>
<span style="width: 33%"> 1-2 </span>
<span style="width: 33%"> 1-3 </span>
</div>
<div>
<span style="width: 33%">2-1</span>
<span style="width: 33%">2-2</span>
</div>
<div>
<span style="width: 33%">3-1</span>
</div>
</div>
<hr />
<table style="width: 100%;">
<tr>
<td style="width: 33%">1-1</td>
<td style="width: 33%">1-2</td>
<td style="width: 33%">1-3</td>
</tr>
<tr>
<td style="width: 33%">2-1</td>
<td style="width: 33%">2-2</td>
</tr>
<tr>
<td style="width: 33%">3-1</td>
</tr>
</table>وكانت النتيجة كالاتي
اكيد حضرتكم ملحظين الفرق بين استخدام الجدول وبين باقي الحلول
قراءة كثير نصائح باستخدم الـ div بدل من الـ table ولكن لم اجد استخدم للـdiv يكافئ الـtable
شكرا وانتظر الحل
شكرا
لا أعلم لماذا لا تظهر لديك
هذه من نفس الكود الذي وضعته أنت
المتصفح الذي اختبرت الصفحة عليه: IE
تم تعديل هذه المشاركة بواسطة Xacker في 11 نوفمبر 2008 في 02:23
Do as I say, not as I do
We are Anonymous. We are Legion. We don't forgive. We don't forget
ok that's weird !
هل تلتزم بالمعايير قدر الإمكان؟ ربما IE7 يلتزم بها أكثر من 6..
ضع الصفحة بكامل الوسوم الافتراضية المطلوبة من HTML, HEAD, BODY الخ.. وجرب كل شكل من الأشكال السابقة على حدة وانظر هل يتغير الوضع؟
تم تعديل هذه المشاركة بواسطة Xacker في 11 نوفمبر 2008 في 02:56
Do as I say, not as I do
We are Anonymous. We are Legion. We don't forgive. We don't forget
اقتباسهل تلتزم بالمعايير قدر الإمكان؟
كيف اعرف اني التزم بها ام لا ؟
اقتباسضع الصفحة بكامل الوسوم الافتراضية المطلوبة من HTML, HEAD, BODY
انا بعمل كده فعلا دائما
علي فكرة وصلت --الحمد لله والشكر ليكم-- لحل المشكلة
<div> <div > <div style="float: left;width: 33%;">1-1</div> <div style="float: left;width: 33%;">1-2</div> <div>1-3</div> </div> <div > <div style="float: left;width: 50%;">2-1</div> <div>2-2</div> </div> <div > <div style="float: left;width: 100%;">3-1</div> </div> </div>
أظن باستخدام float مع width ممكن اتحكم فيها بلشكل اللي كنت اتمنه ويارب متظهرش مشاكل تاني :wacko:
مرة اخري متشكر لتعاونكم
شكرا
<style type="text/css">
.ex li {display:inline-block;width:33%}
</style>
<ul class="ex">
<li>1-1</li>
<li>1-2</li>
<li>1-3</li>
</ul>
<ul class="ex">
<li>2-1</li>
<li>2-2</li>
</ul>
<ul class="ex">
<li>3-1</li>
</ul>استخدم inline-block وليس inline :wink:
واذا كنت تريد الوصول الى ثلاث اعمده او عمودين يمكنك استخدام div وخاصية float
تم تعديل هذه المشاركة بواسطة ahmad123 في 11 نوفمبر 2008 في 12:29