เมนูด้านซ้ายจัดรูปเข้ากลางระหว่างข้อความ

[aegkaluk]

Code: [Select]

<style>
.img_menu{
            border: 0px;
            height: 16px;
            line-height: 16px;
            vertical-align: middle;
        }

.a_menu{
            padding-top: 5px;
            height: 16px;
            line-height: 16px;
            vertical-align: middle;
       }

ul#sidebar {
          font-size: 13px;
          margin-bottom: 10px;
          display: block;

        }

ul#sidebar li {
            padding-top: 5px;
            margin-bottom: 10px;
            display: block;
            background: transparent url(./images/dots_horizontal.jpg) repeat-x top left;           
        } 

ul#sidebar li a {
            text-decoration:none;
        } 
   
ul#sidebar li a:hover {
            text-decoration:underline;
        }

.ui-layout-south{
        color:#999999;
            font-size: 12px;
        }   

</style>

<ul id="sidebar">
    <li id="home">
    <img src="images/045.png" border="0" class="img_menu"/>
    <a href="index.php" class="a_menu">Home</a></li>
  <li id="Menu1">
    <img src="images/045.png" border="0" class="img_menu"/>
    <a href="" class="a_menu">Menu1</a></li>
  <li id="Menu2">
    <img src="images/045.png" border="0" class="img_menu"/>
    <a href="" class="a_menu">Menu2</a></li>
  <li id="Menu3">
    <img src="images/045.png" border="0" class="img_menu"/>
    <a href="" class="a_menu">Menu3</a></li>
  <li id="Menu4">
    <img src="images/045.png" border="0" class="img_menu"/>
    <a href="" class="a_menu">Menu4</a></li>
</ul>