Tema: Problema color menu css en blog
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 01/06/2011, 08:00
Avatar de Ventru3
Ventru3
 
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 14 años, 1 mes
Puntos: 13
Respuesta: Problema color menu css en blog
A mi si me funciona. Solo he reseteado el margin y el padding del html y el body y he añadido el wrapper para centrarlo y le he quitado un center que no hacia falta.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  4.  
  5. <head>
  6.     <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
  7.     <meta content="Beastak" name="Efbeezy">
  8. </head>
  9.  
  10. <body>
  11.  
  12. <style type='text/css'>
  13.  
  14. html, body {
  15.     margin: 0px 0px 0px 0px;
  16.     padding: 0px 0px 0px 0px;
  17. }
  18.  
  19. .solidblockmenu{
  20. margin: 0;
  21. padding: 0;
  22. float: left;
  23. font: bold 13px Arial;
  24. width: 100%;
  25. overflow: hidden;
  26. margin-bottom: 1em;
  27. border: 1px solid #625e00;
  28. border-width: 1px 0;
  29. background: black url(http://img838.imageshack.us/img838/7158/menunegro.jpg) center repeat-x;
  30. }
  31.  
  32. #wrapper {
  33.     margin: 0px auto;
  34.     width: 600px;
  35. }
  36.  
  37. .solidblockmenu li{
  38. display: inline;
  39. }
  40.  
  41. .solidblockmenu li a{
  42. float: left;
  43. color: white;
  44. padding: 9px 11px;
  45. text-decoration: none;
  46. border-right: 1px solid white;
  47. }
  48.  
  49. .solidblockmenu li a:visited{
  50. color: white;
  51. }
  52.  
  53. .solidblockmenu li a:hover, .solidblockmenu li .current{
  54. color: white;
  55. background: url(http://img801.imageshack.us/img801/6749/menurosa.jpg) center repeat-x;
  56. }
  57.  
  58. </style>
  59. <div id="wrapper">
  60.  
  61.     <ul class="solidblockmenu">
  62.         <li><a href="http://www.bdebelleza.blogspot.com" title="">Inicio</a></li>
  63.         <li><a href="http://bdebelleza.blogspot.com/2010/06/sorteos.html" title="">Sorteos</a></li>
  64.         <li><a href="http://bdebelleza.blogspot.com/2010/06/premios.html" title="">Premios</a></li>
  65.     </ul>
  66.  
  67. </div>
  68.  
  69. </body>
  70.  
  71. </html>