0 Members and 1 Guest are viewing this topic.

AuthorTopic: เมนูด้านซ้ายจัดรูปเข้ากลางระหว่างข้อความ  (Read 1603 times)

Offline aegkaluk

  • Administrator
  • Hero Member
  • *****
  • Posts: 1103
  • Total Like : 0
    • Email
« on: 19, 12, 2012, 10:27:55 »

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>