Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/03/2011, 21:27
Avatar de joseomaker
joseomaker
 
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 7 meses
Puntos: 22
ayuda,problema con menu

Código HTML:
Ver original
  1. <div id="menu" class="cont">
  2. <div id="contmenu">
  3. <div class="boton"><p>boton1</p></div>
  4. <div class="boton"><p>boton2</p></div>
  5. </div>
  6. </div>

Código CSS:
Ver original
  1. .cont {
  2. position: relative;
  3. margin: 0 auto;
  4. width: 100%;
  5. }
  6. .boton {
  7. background-image: url(../img/boton.png);
  8. display: table-cell;
  9. vertical-align: middle;
  10. position: relative;
  11. height: 42px;
  12. padding-right: 5px;
  13. }
  14. .boton p {
  15. color: white;
  16. font-weight: bold;
  17. }
  18. .boton p a {
  19. text-decoration: none;
  20. }
  21. .boton:hover {
  22. background-image: url(../img/boton_hover.png);
  23. }
  24. #menu {
  25. border: 1px solid black;
  26. background-image: url(../img/boton.png);
  27. text-align: center;
  28. height: 42px;
  29. }
  30. #contmenu {
  31. display: table;
  32. background-image: url(../img/boton.png);
  33. position: relative;
  34. margin: 0 auto;
  35. height: 42px;
  36. width: 782px;
  37. }

el problema es el siguiente: cuando voy a probarlo resulta que se forma esto:

http://img195.imageshack.us/i/screenmenu.jpg/

ven?,la linea gris de la muerte que aparece abajo del menu,como solucionar esto?,ayudenme...

Saludos
__________________
Visita mi Blog,esta lleno de codigos utiles,consejos,ideas y software libre.

http://josewebmasterlibre.wordpress.com/