Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/11/2012, 13:30
Avatar de emilio_viguri
emilio_viguri
 
Fecha de Ingreso: junio-2011
Ubicación: Mexico
Mensajes: 117
Antigüedad: 13 años, 6 meses
Puntos: 3
Pregunta Menu Activo con class

Bueno saludos a todos y espero me puedan ayudar con esto...

Tengo un menu echo por tablas todo funciona bien el problema es que como tengo que poner una sentencia o clase para que en el codigo yo le ponga class="activo" y se muestre activo la opcion.

no se CSS lo utiliso muy basicamente...

este es mi codigo de archivo CSS

Código CSS:
Ver original
  1. table.menu a {
  2.     border: 1px solid #000;
  3.     display: block;
  4.     background-color: #D0E0ED;
  5.     font-family: Tahoma, verdana, sans-serif;
  6. }
  7.  
  8. div.menu a {
  9.     color: #000000;
  10.     text-decoration: none;
  11.     font-size: 12px;
  12.     line-height: 16px;
  13.     padding: 3px 6px;
  14.     font-family: Tahoma, verdana, sans-serif;
  15.     background-color: #BAD1E4;
  16. }  
  17. div.menu (position:absolute;top:0; left:0;) /*fixes IE slowness?? */
  18. div.menu a:link {
  19.     color: #000;
  20.     text-decoration: none;
  21.     background: #BAD1E4;
  22. }
  23. div.menu a:active {
  24.     color: #000;
  25.     text-decoration: none;
  26.     background: #BAD1E4;
  27. }
  28. div.menu a:visited {
  29.     color: #000;
  30.     text-decoration: none;
  31.     background: #BAD1E4;
  32. }
  33. div.menu a:hover {
  34.     color: #FFF;
  35.     text-decoration: none;
  36.     background: #FE7400;
  37.     border: 1px solid #000000;
  38. }

y este es mi menu archivo HTML
Código HTML:
Ver original
  1. <div class="menu">
  2.   <table class="menu">
  3.     <tr>
  4.       <td><a href="partida_agregar.php" class="activo">Partida</a></td>
  5.     </tr>
  6.     <tr>
  7.       <td><a href="proveedor.php">Proveedor</a></td>
  8.     </tr>
  9.     <tr>
  10.       <td><a href="hospital.php">Hospital</a></td>
  11.     </tr>
  12.     <tr>
  13.       <td><a href="orden1.php">Orden</a></td>
  14.     </tr>
  15.     <tr>
  16.       <td><a href="rrappyd.php">Remision Rappyd</a></td>
  17.     </tr>
  18.     <tr>
  19.       <td><a href="factura.php">Factura</a></td>
  20.     </tr>
  21.     <tr>
  22.       <td><a href="reporte/listareportes.php">Reportes</a></td>
  23.     </tr>
  24.   </table>
  25. </div>

La pregunta es como hago para que en mi codigo HTML en la primera opcion de mi tabla si yo le pongo activo (class="activo") se vea activo, con los colores del CSS sobre ( div.menu a:hover { )

archivo CSS
Código CSS:
Ver original
  1. menu.activo tr td a {
  2.     border: 2px solid #000;
  3.     display: block;
  4.     background-color: #FE7400;
  5.     text-decoration: none;
  6.     border: 2px solid #000000;
  7.     background: #FE7400;
  8. }

segun yo esto si lo pongo como activo me deve de poner la opcion como si tubiera el raton sobre la opcion pero no lo logre