Foros del Web » Creando para Internet » CSS »

css en tablas + Novato

Estas en el tema de css en tablas + Novato en el foro de CSS en Foros del Web. Gracias X leerlo Amigos soy novato en css, pero me gustaria apreder de este lenguaje y tengo la siguiente pregunta: cada vez que imprimo un ...
  #1 (permalink)  
Antiguo 22/10/2008, 07:16
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 16 años
Puntos: 7
Pregunta css en tablas + Novato

Gracias X leerlo
Amigos soy novato en css, pero me gustaria apreder de este lenguaje y tengo la siguiente pregunta:

cada vez que imprimo un tabla lo hago de esta forma:

-primero imprimo la cabecera
-luego mediante un ciclo imprimo el "cuerpo de la tabla", poniendo

Cita:
<tr align=\"center\" style=\"background-color:$color\" onMouseOver=\"this.style.backgroundColor='$color3' \" onMouseOut=\"this.style.backgroundColor='$color'\" >";
<td></td>
</tr>
por cada fila

-y finalmente imprimo en pie de la tabla

esto lo hago con php pero junto mucho lo que es diseño con programacion y queriendo separar esto es que me pregunto
¿Puedo dar este mismo efecto a la tabla solo con css, alguien me puede orientar?

Gracias--->
__________________
Me junto con los que Saben, Queriendo Saber.
  #2 (permalink)  
Antiguo 22/10/2008, 09:33
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 18 años, 7 meses
Puntos: 55
Respuesta: css en tablas + Novato

pero claro aca es donde se pone bueno, bueno lo que tenemos seria una clasica tablita (generada con php) y un poquito de css
/*css*/
table {border-collapse:collapse}
table tr {background-color:#ddd}
table tr:hover {background-color:#bbb}

/*lo anterior no funcinara en todos los navegaodres, podemos solucionarlo con un pco de js en jquery*/

$(document).ready(function(){
$('table tr').mouseover=function(){this.style.backgroundCol or='#ddd';}
$('table tr').mouseoutr=function(){this.style.backgroundCol or='#bbb';}
});//puede que tenga algun errorcito ya q no esta probado pero a de ser simil a esto

y bueno eso es basicamente lo q necesitas
saludos
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 22/10/2008, 10:34
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 16 años
Puntos: 7
Respuesta: css en tablas + Novato

Gracias X responder
Voy a probar el codigo que pusiste y luego comento....
__________________
Me junto con los que Saben, Queriendo Saber.
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 12:03.