محتاج مساعدة في كود display في الـ CSS

[greatsami]

السلام عليكم و رحمة الله وبركاته

سويت أربع مربعات بال(CSS) سأستعيض عن كل مربع بكلمة مربع ...

حاولت أرتبهم جنب بعض .. لكن الحرب اللي بين انترنت اكسبلورر و الفايرفوكس جننتني

كتبت display: inline;
رتبهم في الاكسبلورر كالتالي :
مربع مربع مربع مربع

وحطهم في الفايرفوكس فوق بعض ...

و كتبت display: inline-table;
رتبهم في الاكسبلورر كالتالي :
مربع
مربع
مربع
مربع

وحطهم في الفايرفوكس جنب بعض ...
مربع مربع مربع مربع

إيش الحل عشان أخليهم في المتصفحين نفس الشي .... جنب بعض ؟؟
مربع مربع مربع مربع

[ArabsProject]

ضعهم ب list و اعمل لكل مربع float الي المحاذي له .. مثال :

<ul>
<li style="float:right">مربع 1</li>
<li style="float:right">مربع 2</li>
<li style="float:right">مربع 3</li>
<li style="float:right">مربع 4</li>
</ul>

[greatsami]

ArabsProject
ألف شكر لك و الله
الحمد لله زبطت ... بس أنا شلت الـ ( UL ) كانت مسويه فراغ بالأعلى و بالأسفل

عن جد شكراً على مساعدتك

تحياتي و تقديري

[nardgo]

السلام عليكم

يفضل اخي العزيز ان تستخدم العنصر ul و هو عنصر للقوائم الغير مرتبة (unordered list) و الذي غالباً ما يتم استخدامه في روابط التصفح (navigation links)

و بعد ذلك ضع كل رابط بداخل عنصر li بهذه الطريقة:

<ul id="blocks">
<li>مربع</li>
<li>مربع</li>
<li>مربع</li>
<li>مربع</li>
</ul>

ثم في ملف الأنماط المتعاقبة (CSS):

#blocks li {
display: inline;
}

تحياتي
احمد حازم