Foros del Web » Creando para Internet » Diseño web »

Cambiar tamaño del div

Estas en el tema de Cambiar tamaño del div en el foro de Diseño web en Foros del Web. Miren tengo una duda, estoy empezando en este nivel de diseño web. Quiero tener un div que tenga un tamaño y cuando el raton este ...
  #1 (permalink)  
Antiguo 07/07/2011, 10:09
 
Fecha de Ingreso: junio-2011
Mensajes: 89
Antigüedad: 6 años, 2 meses
Puntos: 7
Pregunta Cambiar tamaño del div

Miren tengo una duda, estoy empezando en este nivel de diseño web. Quiero tener un div que tenga un tamaño y cuando el raton este encima aumente de tamaño.

¿Como he de hacerlo? ¿Utilizo css o javascript?
  #2 (permalink)  
Antiguo 07/07/2011, 11:50
Avatar de ramiro_md  
Fecha de Ingreso: septiembre-2008
Mensajes: 274
Antigüedad: 9 años
Puntos: 26
Respuesta: Cambiar tamaño del div

Kafok, estas en lo correcto, necesitaras tanto javascript como css.
El tema es así vos tenes un div llamado "contenedor", mediante el onmouseover de javascript deberías tener una función que modifique la definición de "contenedor" en la hoja de estilos (css).
Así lograrías cambiar el tamaño del div al pasar el mouse sobre él.
Te dejo algunos enlaces que te darán una idea. Saludos.

Eventos JS: http://www.elcodigo.net/tutoriales/javascript/javascript5.html
Modificar CSS mediante JQuery (librería para JS): http://www.webintenta.com/cambiar-propiedades-css-con-jquery.html
  #3 (permalink)  
Antiguo 07/07/2011, 12:35
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.757
Antigüedad: 9 años, 6 meses
Puntos: 931
Respuesta: Cambiar tamaño del div

Cita:
Iniciado por ramiro_md Ver Mensaje
Kafok, estas en lo correcto, necesitaras tanto javascript como css.
El tema es así vos tenes un div llamado "contenedor", mediante el onmouseover de javascript deberías tener una función que modifique la definición de "contenedor" en la hoja de estilos (css).
Así lograrías cambiar el tamaño del div al pasar el mouse sobre él.
Te dejo algunos enlaces que te darán una idea. Saludos.

Eventos JS: http://www.elcodigo.net/tutoriales/j...vascript5.html
Modificar CSS mediante JQuery (librería para JS): http://www.webintenta.com/cambiar-pr...on-jquery.html

no se necesita javascript para nada basta con tener por ejemplo:
Código CSS:
Ver original
  1. #contenedor{width:200px;height:100px;background:#f00;}
  2. #contenedor:hover{width:300px;height:200px;background:#fe0;}

Código HTML:
Ver original
  1. <div id="contenedor">hola mundo</div>

puedes acudir a javascript si requieres algún efecto pero eso ya es mas un adorno al gusto
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #4 (permalink)  
Antiguo 07/07/2011, 17:39
 
Fecha de Ingreso: junio-2011
Mensajes: 89
Antigüedad: 6 años, 2 meses
Puntos: 7
Respuesta: Cambiar tamaño del div

Gracias por la ayuda, ya me sale.

Etiquetas: css, tamaño
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 07:12.