Foros del Web » Creando para Internet » CSS »

Aumentar de tamaño fila y dejarlo permanente

Estas en el tema de Aumentar de tamaño fila y dejarlo permanente en el foro de CSS en Foros del Web. Hola quisiera saber como al hacer clic en una fila aumentar su tamaño pero que se quede estatico al hacerle click. Espero me ayuden. Código ...
  #1 (permalink)  
Antiguo 26/04/2009, 16:41
 
Fecha de Ingreso: enero-2009
Mensajes: 53
Antigüedad: 8 años, 11 meses
Puntos: 1
Aumentar de tamaño fila y dejarlo permanente

Hola quisiera saber como al hacer clic en una fila aumentar su tamaño pero que se quede estatico al hacerle click. Espero me ayuden.



Código HTML:
<html>
<head>
<style>
#listado {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
border: none 0px solid;
border-collapse: collapse;

}

#listado tr#cabecera {
background:#000000;
color: #FFFFFF;
text-align: center;
}



#listado tbody tr:hover {
background:#FFFF00;
cursor: default;
}

#listado tbody tr:active {height:400px;}

#listado tbody tr td {
padding: 5px;
}

</style>
</head>

<body>
<table id="listado">
<tr id="cabecera">
<td>hola1</td>
<td>hola2</td>
</tr>

<tbody>
</tbody>
</table>

</body>
</html> 
  #2 (permalink)  
Antiguo 28/04/2009, 02:58
 
Fecha de Ingreso: febrero-2009
Mensajes: 580
Antigüedad: 8 años, 10 meses
Puntos: 13
Respuesta: Aumentar de tamaño fila y dejarlo permanente

juraría que solo con CSS no es posible, pero si lo es, me gustaría saber como! jaja
  #3 (permalink)  
Antiguo 28/04/2009, 03:04
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Aumentar de tamaño fila y dejarlo permanente

Hola:

Solo con CSS no se puede, tendrías que hacerlo con Javascript.

Saludos.

  #4 (permalink)  
Antiguo 29/04/2009, 06:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Aumentar de tamaño fila y dejarlo permanente

Cita:
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-es" lang="es-es">
<head>
<title></title>
<style>
#listado {
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 12px;
text-decoration: None;
border: None 0px solid;
border-collapse: Collapse;
}
#listado tr#cabecera {
background:#000000;
color: #ffffff;
text-align: Center;
}
#listado tbody tr:hover {
background:#ffff00;
cursor: Default;
}
#listado td a {color: #ffffff;}
#listado td a:visited {display: Block; height:400px;line-height: 400px;outline: 0;}
#listado tbody tr td {
padding: 5px;
}
</style>
</head>
<body>
<table id="listado">
<tr id="cabecera">
<td><a href="#">hola1</a></td>
<td><a href="#">hola2</a></td>
</tr>
<tbody>
</tbody>
</table>
</body>
</html>
  #5 (permalink)  
Antiguo 29/04/2009, 08:02
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Aumentar de tamaño fila y dejarlo permanente

Hola:

Cita:
Iniciado por jomaruro Ver Mensaje
Solo con CSS no se puede, tendrías que hacerlo con Javascript.


Y viene mikmoro y lo soluciona con CSS



Saludos.

  #6 (permalink)  
Antiguo 29/04/2009, 08:59
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Aumentar de tamaño fila y dejarlo permanente



No, según lo que quiera puede que esa sea una solución o no. Quizá no sirva de nada, todo depende de lo que se busca exactamente
  #7 (permalink)  
Antiguo 02/05/2009, 14:29
 
Fecha de Ingreso: enero-2009
Mensajes: 53
Antigüedad: 8 años, 11 meses
Puntos: 1
Respuesta: Aumentar de tamaño fila y dejarlo permanente

al comienzo pense que ya estaba solucionado, pero al revisar y ver que el pseudo visited era el que aumenta el tamaño entonces se concluye que solo una vez funciona es decir si vuelvo a abrir la pagina va a estar con tamaña aumentado por mas que la recarge.

pero igual gracias Mikmoro por la ayuda
  #8 (permalink)  
Antiguo 02/05/2009, 16:45
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Aumentar de tamaño fila y dejarlo permanente

El asunto es: ¿quieres que esté abierto cuando es pulsado y se cierre si pulsas otra fila o en otra parte? Usa :focus y :active
Cita:
#listado td a:focus, #listado td a:active {display: Block; height:400px;line-height: 400px;outline: 0;}
Como te decía, no aclaras qué quieres hacer exactamente.
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:24.