elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Los 10 CVE más críticos (peligrosos) de 2020


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  imagen diferente en <li>
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: imagen diferente en <li>  (Leído 2,067 veces)
Hadess_inf
Desesperado
Colaborador
***
Desconectado Desconectado

Mensajes: 2.048


Nueva Vida


Ver Perfil WWW
imagen diferente en <li>
« en: 14 Abril 2012, 15:30 pm »

Buen día, necesito ayuda con algo, les comento... tengo este código:

<ul>
 <li><a href="#">Uno</a></li>
 <li><a href="#">Dos</a></li>
 <li><a href="#">Tres</a></li>
</ul>

Como puedo hacer para que cada li tenga un icono distinto. Claro todo esto aplicando CSS y buenas practicas.

Gracias desde ya.


En línea

Hadess_inf
Desesperado
Colaborador
***
Desconectado Desconectado

Mensajes: 2.048


Nueva Vida


Ver Perfil WWW
Re: imagen diferente en <li>
« Respuesta #1 en: 14 Abril 2012, 16:49 pm »

Bueno aqui encontre la solucion:

Código
  1. ul{ li-style-type: none;}
  2.  
  3. li{position:relative; float: left; width:100px; height: 100px; }
  4.  
  5. li img { display: block; position: absolute; bottom: 0; }


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Un cocodrilo diferente
Noticias
wolfbcn 0 2,377 Último mensaje 3 Octubre 2011, 02:12 am
por wolfbcn
Robar cookie de diferente manera
Bugs y Exploits
BlackM4ster 0 2,779 Último mensaje 7 Abril 2013, 12:13 pm
por BlackM4ster
Imagen se muestra diferente al abrir con photoshop
Diseño Gráfico
1mpuls0 3 3,774 Último mensaje 15 Enero 2014, 17:06 pm
por 1mpuls0
Ejecución diferente dentro GDB
Bugs y Exploits
kr0m_ 1 2,657 Último mensaje 2 Noviembre 2014, 02:55 am
por ameise_1987
Apache: Usan una IP diferente...
Desarrollo Web
dimitrix 6 3,133 Último mensaje 28 Octubre 2014, 18:55 pm
por dimitrix
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines