Links css

[altair_797]

Hola todos, tengo el siguiente menu

Código HTML:

<div id="menu">
<ul>
 <li><p class="left"><a id="a" href="./a.php">Insertar datos de paciente</a></p></li>

<li><p class="left"><a id="b" href="./b.php">Consultas </a></p> </li>

<li><p class="left"><a id="c" href="./c.php">Reportes </a></p> </li>

</ul>
</div> 

este es mi css

Código:

#menu {
	margin: 0 ;
	clear:both; 
	padding:10px;
	
}

#menu a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:200px;
  height:33px;
  margin: 50px 20px 0 90px ;
  float:left;
}


#a { padding: 0 0 2em 5em  ;background-image: url(../imagenes/a.png) }
#b { padding: 0 0 2em 5em  ;background-image: url(../imagenes/b.png) }
#c { padding: 0 0 2em 5em  ;background-image: url(../imagenes/c.png) }

Como hago para que salgan los tres links de forma horizontal con su texto respectivo abajo de la imagen...muchas gracias por su ayuda.

[Raulmmmm]

Si ya casi lo tienes... sólo te falta ajustarlo un poco.

Para quitarle el punto que sale antes de las listas, pon esto:

Código:

#menu ul{
list-style: none; 
}

Para bajar un poco más el texto, sube este valor:

Código:

#menu a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:200px;
  height:33px;
  margin: 50px 20px 0 90px ;
  float:left;
}

[kseso?]

Edito:
Me ganó por la mano Raulmmmm

[altair_797]

hola gracias por su ayuda!!!!!!!!!!!!!!!!, queda perfecto en firefox.....como lo arreglo para ie? lastimosamente es para una aplicación web y es dificil para nosotros que todos los usuarios usen firefox

[webosiris]

Iniciado por altair_797

hola gracias por su ayuda!!!!!!!!!!!!!!!!, queda perfecto en firefox.....como lo arreglo para ie? lastimosamente es para una aplicación web y es dificil para nosotros que todos los usuarios usen firefox

no lo probé ni vi tu código en ie, pero si el problema es que no flota todo como debería, prueba a flotar los LI además de los A

PD: si #a, #b y #c comparten padding, ponlo directamente en #menu li a

[altair_797]

gracias, asi esta mucho mejor