CodePaste Logo
New Snippet New Snippet Recent Snippets Recent Snippets My Snippets My Snippets Web Code Search Snippets Search
Sign inor Register
Language: HtmlPhp

Zen and CSS Problems

154 Views
Copy Code Show/Hide Line Numbers
<html>
<head>
<title></title>
<style>
.ULCtrlList
{
    list-style-type: none;
    display: inline;
}
 
.LICtrlList
{
    display: inline;
}
 
.CtrlAnch
{
    background-image: url('/stc/images/ctrls.png');
    background-repeat: none;
    height: 16px;
    width: 16px;
    text-decoration: none;
    display: block;
}
    
#Edit {    background-position: -16px 0; }
#Edit:hover { background-position:-16px -16px; }
#Delete {    background-position: 0 0; }
#Delete:hover { background-position:0 -16px; }
</style>        
</head>
<body>
  <table>
    <tr>
      <td>Name:</td>
      <td>text</td>
      <td>
        <ul class="ULCtrlList">
          <li class="LICtrlList">
            <a HREF='#' id='Edit' class="CtrlAnch">&nbsp;
            </a>
          </li>
          <li class="LICtrlList">
            <a HREF='#' id='Delete' class="CtrlAnch">&nbsp;
            </a>
          <li>
       </ul>
     </td>
   </tr>
  </table>    
</body>
</html>
by Fred Thomas
  August 21, 2010 @ 10:18am
Tags:
Description:
Why is this not working? The images in the a tags appear vertically stacked rather than horizontal, and I want them horizontal.

Add a comment


Report Abuse
brought to you by:
West Wind Techologies



If you find this site useful and use it frequently please consider making a donation to support this free service.
Donate