botones estilo "rollover" Hola, estoy creando un menu utilizando css. Tengo creado el estilo, lo previsualizo y el menu no se carga correctamente, siendo que todos los links tienen la CLASE de estilo aplicada, sólo algunos links cargan correctamente el estilo indicado. La idea es crear un menu con los distintos links y que al poner el mouse sobre cada link, cambie el color de fondo y el color de la letra del link, es decir, un rollover.
Quisiera saber por qué se debe esto? que es lo que debo corregir?
Si quieres ver el problema que ocurre con el menu, la dirección en que se encuentra es la siguiente:
http://www.chilecientifico.cl/menu_ej.html
O puedes ver el codigo utilizado, que es el siguiente:
<style type="text/css">
<!--
a.menuprincizq:link {
font-family: Verdana, Sans-Serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #006699;
display: block;
padding: 2px;
width: 165px;
text-align: left;
border: 1px #666666 inset;
}
a.menuprincizq:hover {
font-family: Verdana, Sans-Serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
color: #0047B8;
text-decoration: none;
background-color: #FFFFFF;
display: block;
padding: 2px;
width: 165px;
text-align: left;
border: 1px #666666 inset;
}
.menuprincizq-subt {
font-family: Verdana, Sans-Serif;
font-size: small;
font-style: normal;
font-weight: bold;
color: #FFCC00;
background-color: #40485F;
padding: 3px;
width: 165px;
text-align: left;
}
-->
</style>
</head>
<body>
<div><a href="index.php" class="menuprincizq">Portada</a></div>
<div><a href="http://www.chilecientifico.cl/module...page&pid=2" class="menuprincizq">Quiénes Somos</a></div>
<div><a href="http://www.chilecientifico.cl/module...ex&catid=5" class="menuprincizq">Eventos</a></div>
<div><a href="http://www.chilecientifico.cl/module...ex&catid=3" class="menuprincizq">Columnas</a></div>
<div><a href="http://www.chilecientifico.cl/module...ex&catid=2" class="menuprincizq">Reportajes</a></div>
<div><a href="http://www.chilecientifico.cl/module...ex&catid=7" class="menuprincizq">Comentario de Libros</a></div>
<div class="menuprincizq-subt">NOTICIAS</div>
<div><a href="http://www.chilecientifico.cl/module...tories_Archive" class="menuprincizq">Archivo de Noticias</a></div>
<div><a href="http://www.chilecientifico.cl/module...ex&catid=4" class="menuprincizq">Resumen de Noticias</a></div>
<div class="menuprincizq-subt">TEMAS</div>
<div><a href="http://www.chilecientifico.cl/module...mp;new_topic=9" class="menuprincizq">Agropecuarios</a></div>
<div><a href="http://www.chilecientifico.cl/module...p;new_topic=16" class="menuprincizq">Ambiental</a></div>
<div><a href="http://www.chilecientifico.cl/module...p;new_topic=13" class="menuprincizq">Arqueología</a></div>
<div><a href="http://www.chilecientifico.cl/module...mp;new_topic=3" class="menuprincizq">Astronomía</a></div>
<div><a href="http://www.chilecientifico.cl/module...p;new_topic=21" class="menuprincizq">Biotecnología</a></div>
<div><a href="http://www.chilecientifico.cl/module...p;new_topic=10" class="menuprincizq">Ciencias Marinas</a></div>
<div><a href="http://www.chilecientifico.cl/module...mp;new_topic=1" class="menuprincizq">Ciencias Naturales</a></div>
<div><a href="http://www.chilecientifico.cl/module...p;new_topic=14" class="menuprincizq">Estadística</a></div>
<div><a href="http://www.chilecientifico.cl/module...mp;new_topic=4" class="menuprincizq">Física</a></div>
<div><a href="http://www.chilecientifico.cl/module...p;new_topic=12" class="menuprincizq">Internacional</a></div>
<div><a href="http://www.chilecientifico.cl/module...p;new_topic=11" class="menuprincizq">Medicina</a></div>
<div><a href="http://www.chilecientifico.cl/module...p;new_topic=15" class="menuprincizq">Novedades</a></div>
<div><a href="http://www.chilecientifico.cl/module...mp;new_topic=5" class="menuprincizq">Química</a></div>
<div><a href="http://www.chilecientifico.cl/module...mp;new_topic=7" class="menuprincizq">Tecnología</a></div>
<div class="menuprincizq-subt">SERVICIOS</div>
<div ><a href="http://www.chilecientifico.cl/modules.php?name=Feedback" class="menuprincizq">Contacto</a></div>
<div><a href="http://www.chilecientifico.cl/modules.php?name=Top" class="menuprincizq">Destacados</a></div>
<div><a href="http://www.chilecientifico.cl/module...me=Submit_News" class="menuprincizq">Envíe Noticias</a></div>
<div><a href="http://www.chilecientifico.cl/module...name=Web_Links" class="menuprincizq">Enlaces Web</a></div>
<div><a href="http://www.chilecientifico.cl/modules.php?name=GbookMX" class="menuprincizq">Libro de Visitas</a></div>
<div><a href="http://www.chilecientifico.cl/module...e=Recommend_Us" class="menuprincizq">Recomiéndanos</a></div>
<div><a href="http://www.chilecientifico.cl/module...page&pid=3" class="menuprincizq">Mapa del Sitio</a></div>
<div><a href="http://translate.google.com/translat...language_tools" class="menuprincizq">English Version</a></div>
Por favor, ayúdenme a corregir este problema.
Espero sus sugerencias.
Saludos
