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

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

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

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

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

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

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

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

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

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

كود HTML:

<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>

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

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

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

السلام عليكم

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

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

كود:

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

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

كود:

#blocks li {
display: inline;
}

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