Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/05/2009, 04:26
bellleti
 
Fecha de Ingreso: abril-2008
Mensajes: 144
Antigüedad: 16 años, 1 mes
Puntos: 1
Pregunta problemas con list-style-image

buenas me gustaria poner una imagen que cambie de color cuando passes el cursor por encima.. la question es que encontre esto que se hacia con listas.. pero yo no tengo listas tengo este codigo...

Código PHP:

<div align="center">

        <div class="nav gap" style="width:966px">
            <div id="index" class="home_menu">
            <a href="/"><? echo $this->label['Home']; ?></a>
            </div>
            <div id="product" class="rest_menu">
            <a href="/index/product"><? echo $this->label['FAQ']; ?></a>
            </div>
            <div id="shop" class="rest_menu">
            <a href="/index/shop"><? echo $this->label['Instructions Manual']; ?></a>
            </div>
            <div id="support" class="rest_menu">
            <a href="/index/support"><? echo $this->label['Support']; ?></a>
            </div>
            <div id="voucher" class="rest_menu">
            <a href="/voucher"><? echo $this->label['Voucher']; ?></a>
            </div>
            <div id="contact" class="rest_menu">
            <a href="/index/contact"><? echo $this->label['Contact']; ?></a>
            </div>
        </div>
            <div id="<? echo $page_name ?>_bnr" align="right"></div>
                   <div id="logo"></div>
    </div>
   </div>
y mi css és.. os pongo el trozo que usan...

Código PHP:
.nav,.nav a    {

    
color:#000000;
    
font-size:13px;
    
text-decoration:none;
    

}
.
nav a:hover    {
    
text-decoration:none;
}
.
gap .home_menu    {
    
padding-top:25px;
    
padding-left:600px;
    
float:left;
}
.
gap .rest_menu    {
    
padding-top:25px;
    
padding-left:20px;
    
float:left;

como lo hago para usar algo parecido a las listas de poner un mini icono delante de cada link... como por ejemplo....
style-image:url(../newimages/home/plus.gif);

gracias