محاذاة الارقام من اليمين الى اليسار بدلا من اليسار الى اليمين

[exchangeboss]

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

لدي هذه البيانات ب html

<ul class="pagination"><li>&laquo;</li><li>&nbsp;<span>البداية</span>&nbsp;</li><li>&nbsp;<span>السابق</span>&nbsp;</li>
<li>&nbsp;<strong><a href="/index.php?start=3" title="2">2</a></strong>&nbsp;</li>
<li>&nbsp;<span>1</span>&nbsp;</li>
<li>&nbsp;<strong><a href="/index.php?start=3" title="التالي">التالي</a></strong>&nbsp;</li><li>&nbsp;<strong><a href="/index.php?start=3" title="النهاية">النهاية</a></strong>&nbsp;</li><li>&raquo;</li></ul>

تظهر على شكل


اريدها ان تظهر من اليمين الى اليسار

مثل 1 2 3 4 5 6 7

وشكرا لكم

[محمد الثقفي]

جرب هكذا

<div style="direction: rtl">
<ul class="pagination"><li>&laquo;</li><li>&nbsp;<span>البداية</span>&nbsp;</li><li>&nbsp;<span>السابق</span>&nbsp;</li> <li>&nbsp;<strong><a href="/index.php?start=3" title="2">2</a></strong>&nbsp;</li> <li>&nbsp;<span>1</span>&nbsp;</li> <li>&nbsp;<strong><a href="/index.php?start=3" title="التالي">التالي</a></strong>&nbsp;</li><li>&nbsp;<strong><a href="/index.php?start=3" title="النهاية">النهاية</a></strong>&nbsp;</li><li>&raquo;</li></ul>
</div>

او العكس

<div style="direction: ltr">
<ul class="pagination"><li>&laquo;</li><li>&nbsp;<span>البداية</span>&nbsp;</li><li>&nbsp;<span>السابق</span>&nbsp;</li> <li>&nbsp;<strong><a href="/index.php?start=3" title="2">2</a></strong>&nbsp;</li> <li>&nbsp;<span>1</span>&nbsp;</li> <li>&nbsp;<strong><a href="/index.php?start=3" title="التالي">التالي</a></strong>&nbsp;</li><li>&nbsp;<strong><a href="/index.php?start=3" title="النهاية">النهاية</a></strong>&nbsp;</li><li>&raquo;</li></ul>
</div>

ايضاً من الممكن انك تعدل على البرمجيه حيث تجعل تعكس مكان "البدايه , السابق" مع "التالي , النهايه"

[exchangeboss]

جرب هكذا

<div style="direction: rtl">
<ul class="pagination"><li>&laquo;</li><li>&nbsp;<span>البداية</span>&nbsp;</li><li>&nbsp;<span>السابق</span>&nbsp;</li> <li>&nbsp;<strong><a href="/index.php?start=3" title="2">2</a></strong>&nbsp;</li> <li>&nbsp;<span>1</span>&nbsp;</li> <li>&nbsp;<strong><a href="/index.php?start=3" title="التالي">التالي</a></strong>&nbsp;</li><li>&nbsp;<strong><a href="/index.php?start=3" title="النهاية">النهاية</a></strong>&nbsp;</li><li>&raquo;</li></ul>
</div>

او العكس

<div style="direction: ltr">
<ul class="pagination"><li>&laquo;</li><li>&nbsp;<span>البداية</span>&nbsp;</li><li>&nbsp;<span>السابق</span>&nbsp;</li> <li>&nbsp;<strong><a href="/index.php?start=3" title="2">2</a></strong>&nbsp;</li> <li>&nbsp;<span>1</span>&nbsp;</li> <li>&nbsp;<strong><a href="/index.php?start=3" title="التالي">التالي</a></strong>&nbsp;</li><li>&nbsp;<strong><a href="/index.php?start=3" title="النهاية">النهاية</a></strong>&nbsp;</li><li>&raquo;</li></ul>
</div>

ايضاً من الممكن انك تعدل على البرمجيه حيث تجعل تعكس مكان "البدايه , السابق" مع "التالي , النهايه"

لم تنفع للاسف اخي يتغير ما بالصفحة ولكن تبقى الارقام على حالها :eek3:

[ليوناردو دافينشي]

ضع كود الـCSS

[exchangeboss]

ضع كود الـCSS

تفضل اخي ليوناردو

ul.pagination {

	margin: 15px auto 0;

	padding: 0;
	direction: ltr;

}



ul.pagination li {

	background: none;

	display: inline;

	margin: 0;

	padding: 0;
	direction: ltr;

}



ul.pagination li span{

	padding: 2px 5px;

}



ul.pagination a {

	padding: 2px 3px;

	text-decoration: none;

}



ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

}

[ليوناردو دافينشي]

float left
تعكس ترتيب العناصر كلها

تصبح بهذا الشكل
النهاية التالي 1 2 السابق البداية

الخطأ بترتيب العناصر, قد تحتاج الى التعديل الكود البرمجي

ul.pagination {

	margin: 15px auto 0;

	padding: 0;
	direction: rtl;

}



ul.pagination li {

	background: none;

	display: inline;

	margin: 0;

	padding: 0;
	float:left;

}

[Fez-Soft]

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

لو كنت تريد ترتيب الأرقام كما فهمت ، لتقرأ من الجهة العربية ، فبكل بساطة الخطا في كود xhtml

أنت مقدم 2 على 1 ،

قدم 1 و راح تحصل على الطلب :

<ul class="pagination">
    <li>&laquo;</li>
    <li>&nbsp;<span>البداية</span>&nbsp;</li>
    <li>&nbsp;<span>السابق</span>&nbsp;</li> 
    <li>&nbsp;<span>1</span>&nbsp;</li>
    <li>&nbsp;<strong><a href="/index.php?start=3" title="2">2</a></strong>&nbsp;</li> 
    <li>&nbsp;<strong><a href="/index.php?start=3" title="التالي">التالي</a></strong>&nbsp;</li>
    <li>&nbsp;<strong><a href="/index.php?start=3" title="النهاية">النهاية</a></strong>&nbsp;</li>
    <li>&raquo;</li>
</ul>