اخواني اريد التعديل على اتجاه القائمة

[manindark]

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

اخواني اريد التعديل على اتجاه القائمة القائمة من اليسار الى اليمين اريد العكس

كود CSS

#sidebar {
    float: right;
    width: 90%;
    margin: 0;
    display: inline;
}
#sidebar ul.sidemenu {
    list-style:none;
    margin:10px 0 10px 15px;
    padding:0;
}
#sidebar ul.sidemenu li {
    margin-bottom:1px;
    border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
    display:block;
    font-weight:bold;
    color: #333;
    text-decoration:none;
    padding:2px 5px 2px 10px;
    background: #f2f2f2;
    border-left:4px solid #CCC;

    min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
    padding:2px 10px 2px 5px;
    background: #f2f2f2;
    color: #339900;
    border-left:4px solid #9EC630;
} 

كود HTML

<div id="sidebar" >

            <h1>Sidebar Menu</h1>
            <ul class="sidemenu">
                <li><a href="index.html">Home</a></li>
                <li><a href="#TemplateInfo">Template Info</a></li>
                <li><a href="#SampleTags">Sample Tags</a></li>
                <li><a href="http://www.styleshout.com/">More Free Templates</a></li>
                <li><a href="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li>
            </ul>

        </div> 

صورة القائمة في المرفقات

[سحاب اون لاين]

تفضل كود الـ css

#sidebar {
 float: right;
 width: 90%;
 margin: 0;
 display: inline;
}
#sidebar ul.sidemenu {
 list-style: none;
 margin: 10px 15px 10px 0;
 padding: 0;
}
#sidebar ul.sidemenu li {
 margin-bottom: 1px;
 border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
 display: block;
 font-weight: bold;
 color: #333;
 text-decoration: none;
 padding: 2px 10px 2px 5px;
 background: #f2f2f2;
 border-right: 4px solid #CCC;
 min-height: 18px;
}
* html body #sidebar ul.sidemenu a {
 height: 18px;
}
#sidebar ul.sidemenu a:hover {
 padding: 2px 5px 2px 10px;
 background: #f2f2f2;
 color: #339900;
 border-right: 4px solid #9EC630;
} 

[سحاب اون لاين]

تفضل كود الـ html والمعرب أيضا

<div id="sidebar">
 <h1>Sidebar Menu</h1>
 <ul class="sidemenu">
  <li><a href="index.html">الصفحة الرئيسية</a></li>
  <li><a href="#TemplateInfo">معلومات القالب</a></li>
  <li><a href="#SampleTags">أمثلة الوسوم</a></li>
  <li><a href="http://www.styleshout.com/">قوالب مجانية</a></li>
  <li><a href="http://www.4templates.com/?aff=ealigam">قوالب مدفوعة</a></li>
 </ul>
</div> 

[manindark]

الف شكر اخي سحاب اون لاين 100%