Ver Mensaje Individual
  #6 (permalink)  
Antiguo 15/07/2010, 14:20
corretodo
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Como puedo dejar el color activo segun la pagina que se ejecute

Muchisimas gracias por tu solucion.
Ha quedado perfecto.
A si da gusto aprender.
Muy bien por la explicacion.

El codigo definitivo queda asi sin las etiquetas body y funciona perfectamente.
Código CSS:
Ver original
  1. /* Menu */
  2.  
  3. #menu-horizontal {  
  4. position: absolute;
  5. width: 985px;  
  6. margin:0 auto;  
  7. }
  8.  
  9. #menu-horizontal li {  
  10. margin:0 1px;  
  11. width:155px;  
  12. min-height:19px;  
  13. text-align:center;  
  14. background: img/bg_menu01.gif repeat x;  
  15. list-style:none;  
  16. padding:2px 0;  
  17. }  
  18.  
  19. #menu-horizontal li.activar{background-color:#C04D00;}
  20.  
  21. #menu-horizontal li:hover {  
  22. background:#C04D00;
  23. width:155px;
  24. }  
  25.  
  26. #menu-horizontal li a {  
  27. font:bold 14px Arial, Helvetica, Sans-serif;  
  28. color:#FFFFFF;  
  29. text-decoration:none;  
  30. }  
  31.  
  32. #menu-horizontal li ul li{  
  33. float:none;  
  34. width:155px;  
  35. margin:7px 0;  
  36. }  
  37.  
  38. ul#menu-horizontal li {  
  39. float: left;  
  40. display: inline;  
  41. position: relative;  
  42. }  
  43.  
  44. ul#menu-horizontal ul {  
  45. display: none;  
  46. position: relative;  
  47. width:155px;
  48. background:#BECD43;  
  49. }  
  50.  
  51. ul#menu-horizontal ul li {  
  52. display: block !important;  
  53. }  
  54.  
  55. ul#menu-horizontal li:hover ul{  
  56. display: none;  
  57. }  
  58.  
  59. ul#menu-horizontal li:hover ul{  
  60. display: block;  
  61. }
  62.  
  63. /* Fix IE. Hide from IE Mac \*/
  64. * html ul li { float: left; height: 1%; }
  65. * html ul li a { height: 1%; }
  66. * #menu a { float: none ; }
  67. /* FIN */

Y asi el
Código HTML:
Ver original
  1. <ul id="menu-horizontal">
  2. <li class="activar"><a href="#">INICIO</a>
  3. </ul>

Al codigo original que postee se le añade la linea 19.
He puesto de nuevo todo el codigo completo por si le sirve a alguien.

Hay que cambiar la clase activar solo, en la pagina html que se abra.
Como ha explicado all-ill

Muchisimas gracias all-ill.
Saludos