السلام عليكــم ورحمـة الله وبركاتــه
اخواني اريد التعديل على اتجاه القائمة القائمة من اليسار الى اليمين اريد العكس
كود 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>
صورة القائمة في المرفقات