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 originaltable.menu a {
border: 1px solid #000;
display: block;
background-color: #D0E0ED;
font-family: Tahoma, verdana, sans-serif;
}
div.menu a {
color: #000000;
text-decoration: none;
font-size: 12px;
line-height: 16px;
padding: 3px 6px;
font-family: Tahoma, verdana, sans-serif;
background-color: #BAD1E4;
}
div.menu (position:absolute;top:0; left:0;) /*fixes IE slowness?? */
div.menu a:link {
color: #000;
text-decoration: none;
background: #BAD1E4;
}
div.menu a:active {
color: #000;
text-decoration: none;
background: #BAD1E4;
}
div.menu a:visited {
color: #000;
text-decoration: none;
background: #BAD1E4;
}
div.menu a:hover {
color: #FFF;
text-decoration: none;
background: #FE7400;
border: 1px solid #000000;
}
y este es mi menu archivo HTML
Código HTML:
Ver original <td><a href="partida_agregar.php" class="activo">Partida
</a></td> <td><a href="proveedor.php">Proveedor
</a></td> <td><a href="hospital.php">Hospital
</a></td> <td><a href="orden1.php">Orden
</a></td> <td><a href="rrappyd.php">Remision Rappyd
</a></td> <td><a href="factura.php">Factura
</a></td> <td><a href="reporte/listareportes.php">Reportes
</a></td>
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 originalmenu.activo tr td a {
border: 2px solid #000;
display: block;
background-color: #FE7400;
text-decoration: none;
border: 2px solid #000000;
background: #FE7400;
}
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