Cita:
Iniciado por AlbertoGarcia 
Tendrías que ponerle una imagen de fondo posicionada a los <a>:
Código HTML:
a {
background: url(imagen.gif) no-repeat center left:
padding-left: 20px;
}
Salud!
muchas gracias! me funciono muy bien! :) ahora el problema es que me sale un icono pequeño sin texto.. en el siguente codigo.. me funciona muy bien en todos los links pero me sale una imagen sola antes ahir sola "volando". se puede esconder la primera... porque creo que me sale en la primera linia antes del home...
Código PHP:
<div class="nav gap" style="width:966px">
<div id="index" class="home_menu">
<a href="/"><? echo $this->label['Home']; ?></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>
como declaro el css:
Código PHP:
.nav,.nav a {
color:#000000;
font-size:13px;
text-decoration:none;
background: url(../newimages/home/plus.gif) no-repeat center left;
padding-left: 20px;
}
.nav a:hover {
background: url(../newimages/home/plus2.gif) no-repeat center left;
padding-left: 20px;
text-decoration:none;
}
.gap {
padding-top:45px;
}
.gapi {
padding-top:10px;
color:#000000;
font-size:13px;
text-decoration:none;
}
.gap .home_menu {
padding-top:25px;
padding-left:550px;
float:left;
}
.gap .rest_menu {
padding-top:25px;
padding-left:20px;
float:left;
}
gracias :P