Заместване на надпис с картинка

Gamerz

Registered
Някой може ли да ми каже как трябва да редактирам този код за да заместя надписите например Wishlish да е png изображение, а не текст

HTML:
<div id="pageHeader">
  <div id="headerBar">
    <ul>
      <li>
        <?php echo osc_link_object(osc_href_link(FILENAME_ACCOUNT, 'wishlist', 'SSL'), $osC_Language->get('my_wishlist')); ?>
      </li>
    <?php if ($osC_Customer->isLoggedOn()) { ?>
      <li>
        <?php echo osc_link_object(osc_href_link(FILENAME_ACCOUNT, 'logoff', 'SSL'), $osC_Language->get('logoff')); ?>
      </li>
    <?php } else { ?>
      <li>
        <?php echo osc_link_object(osc_href_link(FILENAME_ACCOUNT, 'login', 'SSL'), $osC_Language->get('login')); ?>
      </li>
    <?php } ?>
       <li>
        <?php echo osc_link_object(osc_href_link(FILENAME_ACCOUNT, 'create', 'SSL'), $osC_Language->get('create_account')); ?>
      </li>
    <?php if ((MAINTENANCE_MODE == 1) && isset($_SESSION['admin'])) { ?>
      <li id="admin_logout">
        <?php echo osc_link_object(osc_href_link(FILENAME_DEFAULT, 'maintenance=logoff', 'SSL'), $osC_Language->get('admin_logout')); ?>
      </li>
    <?php } ?>
      <li id="bookmark"></li>    
      <li class="cart">
        <?php echo osc_link_object(osc_href_link(FILENAME_CHECKOUT, null, 'SSL'), '<span id="popupCart">' . osc_image('templates/' . $osC_Template->getCode() . '/images/shopping_cart_icon.png') . '<span id="popupCartItems">' . $osC_ShoppingCart->numberOfItems() . '</span>' . '<span>' . $osC_Language->get('text_items') . '</span></span>') ; ?>
      </li>

    </ul>
 
Код:
<li>
        <?php echo osc_link_object(osc_href_link(FILENAME_ACCOUNT, '<div class="wishlist"><p>wishlist</p></div>', 'SSL'), $osC_Language->get('my_wishlist')); ?>
      </li>

.wishlist {
background-image:url(image/path.jpg);
}

wishlist p {
display:none;
}
 
Също така можеш да използваш тази техника.

Код:
<h1 id="technique-one">
        <span>CSS-Tricks</span>
</h1>

Код:
h1#technique-one {
        width: 250px;
        height: 25px;
        background-image: url(logo.gif);
        }
        h3#technique-one span {
                display: none;
}
 

Back
Горе