Foros del Web » Creando para Internet » CSS »

Cambio de imagen y estilo texto

Estas en el tema de Cambio de imagen y estilo texto en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 26/12/2007, 10:03
pr0
 
Fecha de Ingreso: marzo-2004
Mensajes: 687
Antigüedad: 13 años, 8 meses
Puntos: 28
Sonrisa 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.
  #2 (permalink)  
Antiguo 26/12/2007, 16:01
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
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?
  #3 (permalink)  
Antiguo 26/12/2007, 16:13
pr0
 
Fecha de Ingreso: marzo-2004
Mensajes: 687
Antigüedad: 13 años, 8 meses
Puntos: 28
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.
  #4 (permalink)  
Antiguo 27/12/2007, 14:39
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Cambio de imagen y estilo texto

Pues yo solo veo la solución de incluir el texto dentro de la imagen.
  #5 (permalink)  
Antiguo 27/12/2007, 14:54
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
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}
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:52.