Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/01/2011, 04:50
trevol
 
Fecha de Ingreso: agosto-2008
Mensajes: 606
Antigüedad: 15 años, 9 meses
Puntos: 11
aplicar estilos al enlace que se esta visitando

hola amigos tengo el siguiente menu en css:
Código CSS:
Ver original
  1. #navcontainer
  2. {
  3. margin-top: 0px;
  4. margin-left: 0px;
  5. padding: 0;
  6. height: 20px;
  7. }
  8. #navcontainer ul
  9. {
  10. border: 0;
  11. margin: 0;
  12. padding: 0;
  13. list-style-type: none;
  14. text-align: center;
  15. }
  16. #navcontainer ul li
  17. {
  18. display: block;
  19. float: left;
  20. text-align: center;
  21. padding: 0;
  22. margin: 0;
  23. }
  24. #navcontainer ul li a
  25. {
  26. font:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  27. font-size:16px;
  28. background: #006ab3;
  29. width: 138px;
  30. height: 25px;
  31. border-top: 1px solid black;
  32. border-left: 1px solid black;
  33. border-bottom: 1px solid black;
  34. border-right: 1px solid black;
  35. padding: 0;
  36. margin-top: 0px
  37. margin-left: 0px
  38. margin-right: 10px;
  39. display: block;
  40. color: white;
  41. text-decoration: none;
  42. text-align:center;
  43. }
  44. #navcontainer ul li a:hover
  45. {
  46. color: #ffd800;
  47. background: #006ab3;
  48. }
  49. #navcontainer a:active
  50. {
  51.  
  52. background: #ffd800;
  53. color: #006ab3;
  54. }
  55. a.selecionado a
  56. {
  57. background:  #ffd800;
  58. color: #006ab3;
  59. }

y este es el html
Código HTML:
Ver original
  1. <div id="navcontainer">
  2.       <ul id="navlist">
  3.         <li><a href="index.php" class="selecionado">Inicio</a></li>
  4.         <li><a href="quienes_somos.php">quienes somos</a></li>
  5.         <li><a name="#">productos</a></li>
  6.         <li class="selec"><a href="promociones.php">promociones</a></li>
  7.         <li><a href="contacto.php">contacto</a></li>
  8.       </ul>
  9.     </div>

quisiera que en la pagina en la que se esta visitan do el menu quede marcado,

lo he intentado aplicando la clase a<li>, que lo que he encontrado buscando por el foro y he encontrado las respuestas desde ayer trabajando y buscando en las faq y todo y c ierto es que lo explican pero para mi caso no me funciona o algo estoy seguro estoy haciendo mal. Podrían ayudarme por favor. Gracias y feliz año