Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/05/2013, 15:16
Avatar de Lobito14
Lobito14
 
Fecha de Ingreso: abril-2010
Mensajes: 222
Antigüedad: 14 años
Puntos: 17
Respuesta: Lista con Imagenes y Texto

Mira a ver si te vale algo así:

CSS:

Código CSS:
Ver original
  1. <style type="text/css">
  2.         ul.masve {}
  3.  
  4.         li.masve {
  5.             list-style-type: none;
  6.             width:250px;
  7.             border: 1px solid #444;
  8.         }
  9.  
  10.         li.masve a {
  11.             text-decoration: none;
  12.             display: block;
  13.             text-align: left;
  14.             background: #cdcdcd;
  15.             padding: 10px 0;
  16.         }
  17.  
  18.         li.masve :hover {
  19.             text-decoration: none;
  20.             display: block;
  21.             text-align: left;
  22.             background: #cdcdcd;
  23.             padding: 10px 0;
  24.         }
  25.  
  26.         li.masve a img {
  27.             display: block;
  28.             margin: 0px 0px 0px 5px;
  29.             max-width: 70px;
  30.             float:left;
  31.         }
  32.  
  33.         li.masve ul{
  34.             list-style: none;
  35.             padding-left: 100px;
  36.         }
  37.     </style>

HTML:

Código HTML:
Ver original
  1. <ul class="masve">
  2.     <li class="masve">
  3.         <a href="url" title="">
  4.             <img class="ex2" src="images/55/19.jpg" height="70" width="70" alt="" />
  5.             <ul>
  6.                 <li>Texto1</li>
  7.                 <li>Texto2</li>
  8.                 <li>Texto3</li>
  9.                 <li>Texto4</li>
  10.             </ul>
  11.         </a>
  12.     </li>
  13.  
  14.     <li class="masve">
  15.         <a href="url" title="">
  16.             <img class="ex2" src="images/55/20.jpg" height="70" width="70" alt="" />
  17.             <ul>
  18.                 <li>Texto1</li>
  19.                 <li>Texto2</li>
  20.                 <li>Texto3</li>
  21.                 <li>Texto4</li>
  22.             </ul>
  23.         </a>
  24.     </li>
  25.     <li class="masve">
  26.         <a href="url" title="">
  27.             <img class="ex2" src="images/55/21.jpg" height="70" width="70" alt="" />
  28.             <ul>
  29.                 <li>Texto1</li>
  30.                 <li>Texto2</li>
  31.                 <li>Texto3</li>
  32.                 <li>Texto4</li>
  33.             </ul>
  34.         </a>
  35.     </li>
  36. </ul>

Una solución "rápida" y creo que es lo que quieres mas o menos, ya sobre esa base vas modificando como veas.

Prueba y nos cuentas.

Un saludo.