Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/03/2011, 10:05
Avatar de laratik
laratik
 
Fecha de Ingreso: mayo-2010
Ubicación: Cali
Mensajes: 317
Antigüedad: 13 años, 11 meses
Puntos: 63
Respuesta: Botones con Listas CSS

Buenos días marie_florido, para empezar te recomiendo hacer los siguientes cambios:

Código CSS:
Ver original
  1. .Servicios
  2. li
  3. a{
  4. color: #f6921c; display: block; padding-top: 5px;
  5. }

con display:block logras que no solo sea clickleable el area del texto, si no todo el cuadrado y con padding-top centras verticalmente el texto.

Código CSS:
Ver original
  1. .Servicios li.Secundario a:hover{
  2. /* Cuando se posa sobre el boton se coloca con fondo NARANJA*/
  3. color:#335362;
  4. height:25px;
  5. float:left;
  6. width:165px;
  7. margin:0px;
  8. padding-top: 5px;
  9. list-style:none;
  10. background:#F6921C;
  11. font:11px Copperplate Gothic Bold, Arial Black, Verdana,Tahoma,Helvetica,Sans-serif;
  12. text-align:center;
  13. position:relative;
  14. cursor:default;
  15. font-weight: bold;
  16. /*text-decoration:underline;*/
  17. }

como has colocado un padding dentro de la etiqueta a, debes cuadrar height y el padding en el hover.

Espero que te halla servido de ayuda.
__________________
Programar apasiona y lo que apasiona es un arte, por lo tanto programar es un arte.

Quiero karma para en mi próxima vida ser un billonario bien dotado con alas.