اريد التعديل على القائمة

[manindark]

السلام عليكم

اخواني اريد التعديل على قائمة css ليصبح الكلام من اليمين لليسار

كود css

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-weight: bold;
    }

h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:0;
    }

hr {
    border:none;
    border-top:1px solid #CCCCCC;
    height:1px;
    margin-bottom:25px;
    }

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

#menu {
    width: 200px;
    float: right;
    border-style: solid solid none solid;
    border-color: #D76100;
    border-size: 0px;
    border-width: 0px;
    margin: 0px;
    }

#menu li a {
      height: 32px;
      voice-family: inherit;
      height: 24px;
    text-decoration: none;
    }

#menu li a:link, #menu li a:visited {
    color: #9E3C02;
    display: block;
    background: url(menu.gif);
    padding: 8px 0 0 30px;
    }

#menu li a:hover {
    color: #fff;
    background: url(menu.gif) 0 -32px;
    padding: 8px 0 0 30px;
    }

#menu li a:active {
    color: #fff;
    background: url(menu.gif) 0 -64px;
    padding: 8px 0 0 30px;
    } 

كود html

<div id="menu">
  <ul>
    <li><a href="http://www.free-css.com/">CSS Templates</a></li>
    <li><a href="http://www.free-css.com/">CSS Layouts</a></li>
    <li><a href="http://www.free-css.com/">CSS Books</a></li>
    <li><a href="http://www.free-css.com/">CSS Menus</a></li>
    <li><a href="http://www.free-css.com/">CSS Tutorials</a></li>
    <li><a href="http://www.free-css.com/">CSS Reference</a></li>
    <li><a rel="nofollow" target="_blank" href="http://www.e-lusion.com/" title="E-lusion">E-lusion</a></li>
  </ul>
</div> 

[عمر الدليمي]

ببساطة:

li {
	direction: rtl;
	text-align: right;
}

غير بالكود لما يناسبك .
لكن كنصيحة إبتعد عن القائمة ul أو حتى ol، في حال لم تستفد من الوضيفة الرئيسية لها! وهي الترقيم!
لأنك ستواجه مشاكل مع IE6 خصوصاً مع الخاصية Float .... إستخدم Div عادي! ففي حالتك لا تحتاج إلا لهذا

القائمة تستخدم كقائمة! صحيح أن هناك عادة في إستخدامها لأسباب أخرى لكن في حقيقة الأمر لا أرى لهذا الأمر سبباً! فDiv يفي بهذه الحاجة.

[manindark]

الف شكر اخي عمر الدليمي بس المشكلة يظهر بآخر اليمين هل يمكن ان اضعه في اليمين بس بمسافة لانه يوجد مربع في اليمين

انظر لكيفية ظهور الكلام في القائمة في المرفقات لكي تصل المعلومة بشكل صحيح

[الرآيق]

زي ما قال اخوي عمر الدليمي يعطيه الف عافيـه

li {
    direction: rtl;
    text-align: right;
} 

[manindark]

الف شكر اخي عمر الدليمي و الاخ الرآيق

[soma]

هل تعمل الخاصية direction: rtl;

في جميع المتصفحات .

[hosam]

لكن كنصيحة إبتعد عن القائمة ul أو حتى ol، في حال لم تستفد من الوضيفة الرئيسية لها! وهي الترقيم!
لأنك ستواجه مشاكل مع IE6 خصوصاً مع الخاصية Float .... إستخدم Div عادي! ففي حالتك لا تحتاج إلا لهذا

القائمة تستخدم كقائمة! صحيح أن هناك عادة في إستخدامها لأسباب أخرى لكن في حقيقة الأمر لا أرى لهذا الأمر سبباً! فDiv يفي بهذه الحاجة.

اخ عمر هل يمكن ان ترفق لنا ملف لقائمة تعتند بعملها على div
او اي رابط يفي بالغرض

لأني تعبت من محاولة جعل القائمة لا تتشوه عند جعل الصفحة باتجاه rtl
اعاني من مشكلة ظهور شريط تمرير افقي كبير جدا
و على الاكسبلورر تظهر القائمة المنسدلة بعيدة جدا عن المكان المفترض ان تظهر به
ارفقت النموذج الذي اعمل عليه
لذلك ارجو مساعدتي في الحل او ايجاد البديل و شكرا

[مسدار]

أدرج كمان هذا سيعطيك مساحة مناسبة ناحية اليمين

padding: 0 25px 0 0;