Dreamweaver - Duda con el uso de a:hover

 
Vista:

Duda con el uso de a:hover

Publicado por Juan (3 intervenciones) el 25/05/2007 19:39:59
Hola,

mi pregunta es sencilla. En mi hoja de estilo tengo creado el formato menu1 que es Arial y en color negro. Querría que cuando me pusiera encima con el ratón, se pusiera el texto en blanco, pero que no lo aplique a toda la página, sino sólo en aquello que es con el formato menu1. Creía que se hacía definiendo menu1 a:hover, pero algo debo de estar haciendo mal porque cuando lo veo en el navegador no se me pone en blanco.
Gracias por adelantado.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Duda con el uso de a:hover

Publicado por Daniel Ulczyk (1171 intervenciones) el 26/05/2007 04:48:08
Primero que nada, asegurate que las pseudo-clases estén declaradas en el siguiente orden:
link - visited - hover y active (de otra manera, alguna puede no funcionar).
Por otro lado tené presente que:
si menu1 es un div, la declaración comienza con # y si es una clase con .
De otra manera posteá el HTML y el CSS y vemos que pasa.
Suerte!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Duda con el uso de a:hover

Publicado por Juan (3 intervenciones) el 26/05/2007 18:34:51
Gracias Daniel, lo he intentado pero sigue igual, a ver si ves algo raro en el código pf:

HTML:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Consultores</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<link href="css/estilo.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: #ECE9D8;
}
-->
</style>
</head>

<body>
<table width="803" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#C46C01"><table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="133"><img src="img/logo.gif" width="133" height="117"></td>
<td width="322"><img src="img/cabecera1.gif" width="322" height="117"></td>
<td><img src="img/cabecera2.gif" width="345" height="117"></td>
</tr>
<tr>
<td colspan="3" height="10"></td>
</tr>
<tr>
<td colspan="3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="184" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#FB8B00">
<td width="5%" height="19" bgcolor="#FB8B00" class="menu1"> </td>
<td width="86%" height="25" bgcolor="#FB8B00"><a href="index.asp" class="menu1">La Empresa </a></td>
<td width="9%" height="19"><div align="center"></div></td>
</tr>......

Y del CSS (la página se llama estilo.css):

.menu1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.menu1 a
{
text-decoration: none;
}
.menu1 a:visited
{
text-decoration: none;
}
.menu1 a:hover
{
color: #FFFFFF;
text-decoration: none;
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Duda con el uso de a:hover

Publicado por Juan (3 intervenciones) el 26/05/2007 21:02:28
Gracias Daniel, ya lo conseguí, al final usé div en vez de class.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Duda con el uso de a:hover

Publicado por Daniel ULczyk (1171 intervenciones) el 26/05/2007 23:00:08
Acabo de leer el post. Excelente!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar