Tema: Menu Activo con class
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 30/11/2012, 11:32
Avatar de emilio_viguri
emilio_viguri
 
Fecha de Ingreso: junio-2011
Ubicación: Mexico
Mensajes: 117
Antigüedad: 13 años, 5 meses
Puntos: 3
Sonrisa Respuesta: Menu Activo con class
Bueno pues contestando a lo comentado por furoya pongo el codigo completo para mi menu y pues entiendo mas o menos tengo nociones se programar en otras cosas pero no en CSS como ven entonces lo que repito...

solo quiero que la opcion que marque como activo (class="activo") se quede iluminada como si tubiera el raton sobre ella

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. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <style>
  5. table.menu a {
  6.     border: 1px solid #000;
  7.     display: block;
  8.     background-color: #D0E0ED;
  9.     font-family: Tahoma, verdana, sans-serif;
  10. }
  11.  
  12. div.menu a {
  13.     color: #000000;
  14.     text-decoration: none;
  15.     font-size: 12px;
  16.     line-height: 16px;
  17.     padding: 3px 6px;
  18.     font-family: Tahoma, verdana, sans-serif;
  19.     background-color: #BAD1E4;
  20. }   
  21. div.menu (position:absolute;top:0; left:0;) /*fixes IE slowness?? */
  22. div.menu a:link {
  23.     color: #000;
  24.     text-decoration: none;
  25.     background: #BAD1E4;
  26. }
  27. div.menu a:active {
  28.     color: #000;
  29.     text-decoration: none;
  30.     background: #BAD1E4;
  31. }
  32. div.menu a:visited {
  33.     color: #000;
  34.     text-decoration: none;
  35.     background: #BAD1E4;
  36. }
  37. div.menu a:hover {
  38.     color: #FFF;
  39.     text-decoration: none;
  40.     background: #FE7400;
  41.     border: 1px solid #000000;
  42. }
  43. </style>
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  45. <title>Documento sin título</title>
  46. </head>
  47.  
  48. <body>
  49.     <div class="menu">
  50.       <table class="menu">
  51.         <tr>
  52.           <td><a href="partida_agregar.php" class="activo">Partida</a></td>
  53.         </tr>
  54.         <tr>
  55.           <td><a href="proveedor.php">Proveedor</a></td>
  56.         </tr>
  57.         <tr>
  58.           <td><a href="hospital.php">Hospital</a></td>
  59.         </tr>
  60.         <tr>
  61.           <td><a href="orden1.php">Orden</a></td>
  62.         </tr>
  63.         <tr>
  64.           <td><a href="rrappyd.php">Remision Rappyd</a></td>
  65.         </tr>
  66.         <tr>
  67.           <td><a href="factura.php">Factura</a></td>
  68.         </tr>
  69.         <tr>
  70.           <td><a href="reporte/listareportes.php">Reportes</a></td>
  71.         </tr>
  72.       </table>
  73.     </div>
  74. </body>
  75. </html>