Foros del web, para los que viven de bits

pr0 · 26-dic-2007, 09:03

Buenas tardes,

intentaré explicar mi problema aunque seguro que es una tontería y muchos de vosotros sabeis la respuesta.
Tengo una tabla con 6 columnas, 2 de ellas llevan 2 imagenes con las que quiero hacer un rollover y otras 2 contienen un texto que tambien cambia al hacer rollover mediante un estilo css:

Estilos:

Código HTML:

.opciones a:link {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

.opciones a:hover {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

El problema que tengo es que cuando hago rollover a los textos Aceptar tarea y Recordar mas tarde si puedo hacer que las imagenes de OK y CANCELAR hagan el cambio con:

Código HTML:

onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aceptar','','aceptar_over.png',1)

pero si hago rollover a las imagenes no puedo hacer que los textos cambien a su estilo al estado rollover.

Espero haberme explicado bien, si necesitan alguna aclaración solo diganmelo.

Saludos y gracias de antemano.

hades87 · 26-dic-2007, 15:01

pero los textos son enlaces? si es asi no lo podrias especificar con lo de a.link, a.visited y tal?

pr0 · 26-dic-2007, 15:13

Hola Hades, gracias por contestar.

Si, efectivamente tanto los botones (imagenes) como los textos son enlaces a la misma pagina. Mi problema viene que al ser 2 elementos diferentes (imagen y texto), cuando haga rollover uno de ellos quiero que tambien se active el rollover del otro, es decir, si hago rollover sobre la imagen quiero que el texto que le acompaña tambien haga rollover.

Espero haberme explicado bien. Saludos y gracias de nuevo.

Raulmmmm · 27-dic-2007, 13:39

Pues yo solo veo la solución de incluir el texto dentro de la imagen.

webosiris · 27-dic-2007, 13:54

si maquetaras semánticamente no tendrías ese problema... por lo que veo sería una lista desordenada con 2 enlaces con img de fondo... código aprox

Código HTML:

<ul>
<li class="aceptar"><a href="#">Aceptar tarea</a></li>
<li class="recordar"><a href="#">Recordar más tarde</a></li>
</ul>


-----------------------------------------------------------------------


li{
padding:10px 20px;
display:inline}

.aceptar li a,
.recordar li a{
display:block;}

.aceptar li a{background:el tick}
 .recordar li a{background:la cruz}

.aceptar li a:hover{background:el tick hover}
 .recordar li a:hover{background:la cruz hover}

26-dic-2007, 09:03	#1 (permalink)
pr0 Fecha de Ingreso: marzo-2004 Mensajes: 430	Cambio de imagen y estilo texto Buenas tardes, intentaré explicar mi problema aunque seguro que es una tontería y muchos de vosotros sabeis la respuesta. Tengo una tabla con 6 columnas, 2 de ellas llevan 2 imagenes con las que quiero hacer un rollover y otras 2 contienen un texto que tambien cambia al hacer rollover mediante un estilo css: Estilos: Código HTML: .opciones a:link { color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; text-decoration:none; } .opciones a:hover { color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; text-align:center; } El problema que tengo es que cuando hago rollover a los textos Aceptar tarea y Recordar mas tarde si puedo hacer que las imagenes de OK y CANCELAR hagan el cambio con: Código HTML: onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aceptar','','aceptar_over.png',1) pero si hago rollover a las imagenes no puedo hacer que los textos cambien a su estilo al estado rollover. Espero haberme explicado bien, si necesitan alguna aclaración solo diganmelo. Saludos y gracias de antemano.

26-dic-2007, 15:01	#2 (permalink)
hades87 Fecha de Ingreso: diciembre-2007 Ubicación: Barcelona - España Mensajes: 1.371	Re: Cambio de imagen y estilo texto pero los textos son enlaces? si es asi no lo podrias especificar con lo de a.link, a.visited y tal?

26-dic-2007, 15:13	#3 (permalink)
pr0 Fecha de Ingreso: marzo-2004 Mensajes: 430	Re: Cambio de imagen y estilo texto Hola Hades, gracias por contestar. Si, efectivamente tanto los botones (imagenes) como los textos son enlaces a la misma pagina. Mi problema viene que al ser 2 elementos diferentes (imagen y texto), cuando haga rollover uno de ellos quiero que tambien se active el rollover del otro, es decir, si hago rollover sobre la imagen quiero que el texto que le acompaña tambien haga rollover. Espero haberme explicado bien. Saludos y gracias de nuevo.

27-dic-2007, 13:39	#4 (permalink)
Raulmmmm Fecha de Ingreso: marzo-2007 Ubicación: En otro lugar que tú Mensajes: 1.341	Re: Cambio de imagen y estilo texto Pues yo solo veo la solución de incluir el texto dentro de la imagen.

27-dic-2007, 13:54	#5 (permalink)
webosiris Moderador HTML y CSS Fecha de Ingreso: noviembre-2002 Ubicación: /home/montevideo Mensajes: 6.022	Re: Cambio de imagen y estilo texto si maquetaras semánticamente no tendrías ese problema... por lo que veo sería una lista desordenada con 2 enlaces con img de fondo... código aprox Código HTML: <ul> <li class="aceptar"><a href="#">Aceptar tarea</a></li> <li class="recordar"><a href="#">Recordar más tarde</a></li> </ul> ----------------------------------------------------------------------- li{ padding:10px 20px; display:inline} .aceptar li a, .recordar li a{ display:block;} .aceptar li a{background:el tick} .recordar li a{background:la cruz} .aceptar li a:hover{background:el tick hover} .recordar li a:hover{background:la cruz hover} __________________ Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado