Cómo se hace???????????

[admoro]

Foristas, hay algo que no sé cómo se hace y creo, más bien sospecho, es con css. Simple quizás.
Busco saber cómo se hace ese "efecto" que cuando un vínculo se encuentra dentro de una tabla se ilumina toda la tabla y no sólo el espacio que ocupa el vínculo.
No se si fui claro
Saludos
Admoro

[FlashitoMXDream]

comprendi perfectamente tu pregunta y te puedo ayudar con un link ya que explicarlo me constaria un poco ya que toy un poco cansado.

mira ese link y ahi vas a ver lo k keres.

es el div #hover

http://css.maxdesign.com.au/listamatic/vertical15.htm#

[admoro]

Gracias FlashitoMXDream, pero no logré sacarle jugo aún, seguiré intentano.....

[jverdugo]

lo que quieres lograr es algo com esto?? pasa el mouse sobre el nombre de cada chica.

http://humano.ya.com/labeaute/

si ese es el efecto que quiere lograr, esta hecho con javascript, ignoro si se puede hacer con css

saludos

[admoro]

Hola, gracias!!, si, es eso exactamente lo que ando buscando. Yo también pensaba que era java, es más, tengo uno que ilumina la tabla, pero luego lo termina haciendo con todas. Alguna vez pensé que era css. Sin embargo, en rigor, tampoco sé bien cómo se hace.
Gracias.
Sdos
Admoro

[FlashitoMXDream]

En el link k yo le pase hay ejemplos de varios tipos de lista.

eje: cambia de color el fondo o el color de letra cuado pasas por arriba el mouse o cuando apretas en el nombre, o sea 3 estados,
tambien hay ejemplos de achicar la letra o agrandarla cuando haces un hover sobre el nombre o letra o boton y otro cuando haces press.

con CSS podes hacer muchas cosas, es solo buscar ejemplos y luego aprenderlos

SUERTE

[jverdugo]

yo tambien estoy buscando hacer eso con css si encuentro algo te aviso

saludos

[admoro]

Si, con css he visto páginas y les h etratado de copiar algunas cosas, pero es complejO: El link que dejaste, Flashito, está muy bueno, lo único es que me resulta complejo hacerlo funcionar bien. En rigor modificarlo bien...
Seguiré buscando, si encuentro algo lo cuelgo
Gracias foristas.
Sdos
Admoro

[PatomaS]

Hola

Respondiendo de forma estricta a la pregunta, es decir mediante el uso de xhtml y css, la forma más adecuada es usar códigos como este:

css

.capita {
background-color: #cc0000;
}
.capita:hover { /* El efecto hover sobre elementos que no sean vínculos, no funciona adecuada o completamente en explorer */
background-color: #00cc00;
}

html

Código:

<table id="tabla00" title="Primera tabla">
	<tr id="fila00" title="Primera fila">
		<th id="celda00"><div class="capita" id="capita">texto 1</div></th>
		<th id="celda01">texto 2</th>
	</tr>
</table>

__________________________________________________

El problema con eso, es que explorer no lo entiende y por lo tanto, no obtendrás el efecto deseado en todos los navegadores, así que para lograr el efecto deseado y mantener las buenas normas de construcción de documentos web, puedes usar estos códigos:

css

.capita {
background-color: #cc0000;
}
.capita:hover { /* El efecto hover sobre elementos que no sean vínculos, no funciona adecuada o completamente en explorer */
background-color: #00cc00;
}

html

Código:

<table id="tabla00" title="Primera tabla">
	<tr id="fila00" title="Primera fila">
		<th id="celda00"><div class="capita" id="capita" onmouseover="javascript:cambiarcolorcelda('1')" onmouseout="javascript:cambiarcolorcelda('0')">texto 1</div></th>
		<th id="celda01">texto 2</th>
	</tr>
</table>

JavaScript

Código:

function cambiarcolorcelda(x) {
	if (x == 1) {
		document.getElementById('capita').style.background = "00cc00";
	} else {
		document.getElementById('capita').style.background = "cc0000";
	}
}

__________________________________________________


Espero no haber olvidado nada por despiste.

Felicidad

[admoro]

Hola, gracias, veré, al menos yo, si puedo hacerlo funcionar.
Sdos
Admoro

[ramm]

Prueba con este a ver como te va http://www.cristalab.com/tutoriales/...-usando-listas

[raulgv]

http://www.ahfb2000.com/cssgenerator2.php?sub=gen_form

este generador de css es muy bueno, aunque no crea css válido aún se puede limpiar y q ueda ok.