[Ovillo] Reset o no reset en CSS

2011-05-25 Por tema Dan
He encontrado un artículo que habla sobre que los reset CSS no son
recomendables y me ha llamado la atención porque (casi) todo el mundo los
recomienda.

Debo decir que soy un pecador y sólo utilizo el selector universal (*) para
resetear margin y padding a 0.

 

Qué creéis vosotros ¿Reset CSS sí o no?

 

Artículo en cuestión:
http://www.cristalab.com/blog/no-a-los-css-reset-c97863l/

[no es spam, lo prometo]

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Reset o no reset en CSS

2011-05-25 Por tema Reactivo Química Visual
Como diría Aviador Dro... reset sí, por supuesto. Es muy útil para reducir
las inconsistencias entre navegadores, pero lo suyo es utilizar un reset
donde aparezcan los elementos desglosados y no utilizar el asterisco.

También depende del proyecto, si otras personas van a añadir contenido
quizás no sea buena idea que las listas tras el reset no aparezcan con su
circulito y espaciado, puede llevar a confusión.

Aquí está la clásica hoja de estilos de Eric Meyer actualizada para
contemplar los elementos de HTML5:
http://html5doctor.com/html-5-reset-stylesheet/

El 25 de mayo de 2011 11:09, Dan danal...@gmail.com escribió:

 He encontrado un artículo que habla sobre que los reset CSS no son
 recomendables y me ha llamado la atención porque (casi) todo el mundo los
 recomienda.

 Debo decir que soy un pecador y sólo utilizo el selector universal (*) para
 resetear margin y padding a 0.



 Qué creéis vosotros ¿Reset CSS sí o no?



 Artículo en cuestión:
 http://www.cristalab.com/blog/no-a-los-css-reset-c97863l/

 [no es spam, lo prometo]

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Reset o no reset en CSS

2011-05-25 Por tema Ramon Lapenta
A ver, el artículo dice que no se usen ciegamente, como dice el mismo 
Eric Meyer.
pongamos un ejemplo aqui:

navegador.css:
p { margin:14px 0;}

reset.css:
p { margin:0; }

estilos.css
p { margin: 0 0 24px 0; }

Cual es el margen final?

Versus

navegador.css:
p { margin:14px 0;}

estilos.css
p { margin: 0 0 24px 0; }

Cual es el margen final?

Ese es el punto del artículo, el reset se vuelve innecesario y 
redundante, a menos que lo adaptes al proyecto en cuestion.
A mi me parece que no hay que ser ninja para tener un buen control sobre 
todos los elementos sin necesidad de ningun reset, y si hiciera falta, 
entonces todos los que nos llamamos maquetadores deberiamos ser ninjas 
del CSS.

PD: Yo soy el autor del articulo.




On 05/25/2011 04:09 AM, Dan wrote:
 He encontrado un artículo que habla sobre que los reset CSS no son
 recomendables y me ha llamado la atención porque (casi) todo el mundo los
 recomienda.

 Debo decir que soy un pecador y sólo utilizo el selector universal (*) para
 resetear margin y padding a 0.



 Qué creéis vosotros ¿Reset CSS sí o no?



 Artículo en cuestión:
 http://www.cristalab.com/blog/no-a-los-css-reset-c97863l/

 [no es spam, lo prometo]

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Reset o no reset en CSS

2011-05-25 Por tema Jairo Ochoa
El margen será siempre el del último estilo que se carga, salvo que uno
anterior tuviese un !important.

Por otra parte, el reset, unifica los estilos de los elementos.

Otra cosa es que tú despues re-definas el estilo de un elemento.
El ejemplo que dices has dado un margen al p pero no tenías porque haberlo
hecho y sería cuando el p se vería distinto según navegador.

Así lo entiendo yo, no?

Saludos,
--

Jairo Ochoa

Dropbox - Almacenamiento gratis / Free online backup
https://www.dropbox.com/referrals/NTg2Njc1MTg5



El 25 de mayo de 2011 16:10, Ramon Lapenta ram...@gmail.com escribió:

 A ver, el artículo dice que no se usen ciegamente, como dice el mismo
 Eric Meyer.
 pongamos un ejemplo aqui:

 navegador.css:
 p { margin:14px 0;}

 reset.css:
 p { margin:0; }

 estilos.css
 p { margin: 0 0 24px 0; }

 Cual es el margen final?

 Versus

 navegador.css:
 p { margin:14px 0;}

 estilos.css
 p { margin: 0 0 24px 0; }

 Cual es el margen final?

 Ese es el punto del artículo, el reset se vuelve innecesario y
 redundante, a menos que lo adaptes al proyecto en cuestion.
 A mi me parece que no hay que ser ninja para tener un buen control sobre
 todos los elementos sin necesidad de ningun reset, y si hiciera falta,
 entonces todos los que nos llamamos maquetadores deberiamos ser ninjas
 del CSS.

 PD: Yo soy el autor del articulo.




 On 05/25/2011 04:09 AM, Dan wrote:
  He encontrado un artículo que habla sobre que los reset CSS no son
  recomendables y me ha llamado la atención porque (casi) todo el mundo los
  recomienda.
 
  Debo decir que soy un pecador y sólo utilizo el selector universal (*)
 para
  resetear margin y padding a 0.
 
 
 
  Qué creéis vosotros ¿Reset CSS sí o no?
 
 
 
  Artículo en cuestión:
  http://www.cristalab.com/blog/no-a-los-css-reset-c97863l/
 
  [no es spam, lo prometo]
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema reynie...@gmail.com
Hola listeros:
Estoy realizando un diseño con 960.gs y todo perfecto pero me he encontrado
con un pequeño problema que no logro resolver. Tengo un DIV contenedor con
una imagen dentro (ver codigo debajo) y necesito que esa imagen quede
centrada siempre tanto vertical como horizontalmente para asi poder tener un
diseño fluido/elastico de forma tal que cuando la resolucion de los
monitores sea menor entonces todo quede de la misma forma ;). Este es el
HTML asociado:

div class=grid_2 alpha
img src=view/image/login.png alt=?php echo $text_login; ?
title=?php echo $text_login; ? class=image /
/div

He intentado con este codigo CSS: *
.image{position:relative;top:50%;left:50%;}* y se centra bien pero solo en
altas resoluciones como la mia que es 1900x1080 pero si uso WebDeveloper
(extension de FF) y redimensiono a 800x600 paff todo se echa a perder.
Alguna ayuda?

Saludos
Ing. Reynier Pérez Mira
Cel: +58 416.921.7406 / 416.012.1226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema reynie...@gmail.com
El problema, creo es que la imagen no se mueve de lugar. La imagen tiene un
tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda reducir.
Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la primera imagen
es en una resolucion de 800x600 obvio y la segunda en 1920x1080.

PD: Sabe alguien como configurar Gmail (via web) para que me ponga las
respuestas debajo de las que ustedes me dan a mi?

Ing. Reynier Pérez Mira
Cel: +58 416.921.7406 / 416.012.1226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com



2011/5/25 Martín Szyszlican marti...@gmail.com

 ¿Qué es lo que ocurre cuando achicás la ventana?

 Si el problema es que la imágen excede al div, este debe llevar un
 overflow:
 hidden para evitarlo, de forma que sólo se mostraría la parte central de la
 imágen. Otra posibilidad sería que el tamaño mismo de la imágen sea
 porcentual, para lo cuál convendría tener una imágen bastante grande, de
 esta forma el navegador reduciría el tamaño de la imágen al del div. Habría
 que tener en cuenta que algunos navegadores viejos rompen un poco las
 imágenes al cambiarles el tamaño.

 ¿Era ese el problema? ¿Podés mostrar un ejemplo?

 Martín.

 El 25 de mayo de 2011 15:13, reynie...@gmail.com reynie...@gmail.com
 escribió:

  Hola listeros:
  Estoy realizando un diseño con 960.gs y todo perfecto pero me he
  encontrado
  con un pequeño problema que no logro resolver. Tengo un DIV contenedor
 con
  una imagen dentro (ver codigo debajo) y necesito que esa imagen quede
  centrada siempre tanto vertical como horizontalmente para asi poder tener
  un
  diseño fluido/elastico de forma tal que cuando la resolucion de los
  monitores sea menor entonces todo quede de la misma forma ;). Este es el
  HTML asociado:
 
  div class=grid_2 alpha
 img src=view/image/login.png alt=?php echo $text_login; ?
  title=?php echo $text_login; ? class=image /
  /div
 
  He intentado con este codigo CSS: *
  .image{position:relative;top:50%;left:50%;}* y se centra bien pero solo
 en
  altas resoluciones como la mia que es 1900x1080 pero si uso WebDeveloper
  (extension de FF) y redimensiono a 800x600 paff todo se echa a perder.
  Alguna ayuda?
 
  Saludos
  Ing. Reynier Pérez Mira
  Cel: +58 416.921.7406 / 416.012.1226
  Twitter: twitter.com/reypm
  Correo: reynie...@gmail.com / reynie...@hotmail.com /
 reynie...@yahoo.com
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema Martín Szyszlican
El primer div, div class=grid_2 alpha debería tener overflow: hidden

Lo tiene?

El 25 de mayo de 2011 15:38, reynie...@gmail.com reynie...@gmail.comescribió:

 Justo eso es lo que tengo :)

 div class=grid_2 alpha
 img class=image title=Please enter your login details. alt=Please
 enter your login details. src=view/image/login.png
 /div
 div class=grid_2 omega
Username:br
input type=text style=margin-top: 4px; value=
 name=username
br
Password:br
 input type=password style=margin-top: 4px; value=
 name=password
 /div

 Ing. Reynier Pérez Mira
 Cel: +58 416.921.7406 / 416.012.1226
 Twitter: twitter.com/reypm
 Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com



 2011/5/25 Martín Szyszlican marti...@gmail.com

  ¿Por qué permitís que la imágen se vaya encima del formulario?
  Podés hacer dos DIVs, uno para la imágen y otro  para el formulario,
 ambos
  con 50% de ancho (por ejemplo), entonces la imágen que está adentro de
 uno
  de los divs nunca podrá pasarse al otro lado por el overflow:hidden
 
  Se entiende?
 
  Martín.
 
  El 25 de mayo de 2011 15:24, reynie...@gmail.com reynie...@gmail.com
  escribió:
 
   El problema, creo es que la imagen no se mueve de lugar. La imagen
 tiene
  un
   tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda
   reducir.
   Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la primera
  imagen
   es en una resolucion de 800x600 obvio y la segunda en 1920x1080.
  
   PD: Sabe alguien como configurar Gmail (via web) para que me ponga las
   respuestas debajo de las que ustedes me dan a mi?
  
   Ing. Reynier Pérez Mira
   Cel: +58 416.921.7406 / 416.012.1226
   Twitter: twitter.com/reypm
   Correo: reynie...@gmail.com / reynie...@hotmail.com /
  reynie...@yahoo.com
  
  
  
   2011/5/25 Martín Szyszlican marti...@gmail.com
  
¿Qué es lo que ocurre cuando achicás la ventana?
   
Si el problema es que la imágen excede al div, este debe llevar un
overflow:
hidden para evitarlo, de forma que sólo se mostraría la parte central
  de
   la
imágen. Otra posibilidad sería que el tamaño mismo de la imágen sea
porcentual, para lo cuál convendría tener una imágen bastante grande,
  de
esta forma el navegador reduciría el tamaño de la imágen al del div.
   Habría
que tener en cuenta que algunos navegadores viejos rompen un poco las
imágenes al cambiarles el tamaño.
   
¿Era ese el problema? ¿Podés mostrar un ejemplo?
   
Martín.
   
El 25 de mayo de 2011 15:13, reynie...@gmail.com 
 reynie...@gmail.com
escribió:
   
 Hola listeros:
 Estoy realizando un diseño con 960.gs y todo perfecto pero me he
 encontrado
 con un pequeño problema que no logro resolver. Tengo un DIV
  contenedor
con
 una imagen dentro (ver codigo debajo) y necesito que esa imagen
 quede
 centrada siempre tanto vertical como horizontalmente para asi poder
   tener
 un
 diseño fluido/elastico de forma tal que cuando la resolucion de los
 monitores sea menor entonces todo quede de la misma forma ;). Este
 es
   el
 HTML asociado:

 div class=grid_2 alpha
img src=view/image/login.png alt=?php echo $text_login;
  ?
 title=?php echo $text_login; ? class=image /
 /div

 He intentado con este codigo CSS: *
 .image{position:relative;top:50%;left:50%;}* y se centra bien pero
  solo
en
 altas resoluciones como la mia que es 1900x1080 pero si uso
   WebDeveloper
 (extension de FF) y redimensiono a 800x600 paff todo se echa a
  perder.
 Alguna ayuda?

 Saludos
 Ing. Reynier Pérez Mira
 Cel: +58 416.921.7406 / 416.012.1226
 Twitter: twitter.com/reypm
 Correo: reynie...@gmail.com / reynie...@hotmail.com /
reynie...@yahoo.com
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a
 Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente
 dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
   
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://lists.ovillo.org/mailman/listinfo/ovillo
  
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 

Re: [Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema Plácido Luna
La imagen sin medidas?

*Plácido Luna*
http://www.octubre.com.uy
(+598) 99 942723



2011/5/25 Martín Szyszlican marti...@gmail.com

 El primer div, div class=grid_2 alpha debería tener overflow: hidden

 Lo tiene?

 El 25 de mayo de 2011 15:38, reynie...@gmail.com reynie...@gmail.com
 escribió:

  Justo eso es lo que tengo :)
 
  div class=grid_2 alpha
  img class=image title=Please enter your login details.
 alt=Please
  enter your login details. src=view/image/login.png
  /div
  div class=grid_2 omega
 Username:br
 input type=text style=margin-top: 4px; value=
  name=username
 br
 Password:br
  input type=password style=margin-top: 4px; value=
  name=password
  /div
 
  Ing. Reynier Pérez Mira
  Cel: +58 416.921.7406 / 416.012.1226
  Twitter: twitter.com/reypm
  Correo: reynie...@gmail.com / reynie...@hotmail.com /
 reynie...@yahoo.com
 
 
 
  2011/5/25 Martín Szyszlican marti...@gmail.com
 
   ¿Por qué permitís que la imágen se vaya encima del formulario?
   Podés hacer dos DIVs, uno para la imágen y otro  para el formulario,
  ambos
   con 50% de ancho (por ejemplo), entonces la imágen que está adentro de
  uno
   de los divs nunca podrá pasarse al otro lado por el overflow:hidden
  
   Se entiende?
  
   Martín.
  
   El 25 de mayo de 2011 15:24, reynie...@gmail.com reynie...@gmail.com
   escribió:
  
El problema, creo es que la imagen no se mueve de lugar. La imagen
  tiene
   un
tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda
reducir.
Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la primera
   imagen
es en una resolucion de 800x600 obvio y la segunda en 1920x1080.
   
PD: Sabe alguien como configurar Gmail (via web) para que me ponga
 las
respuestas debajo de las que ustedes me dan a mi?
   
Ing. Reynier Pérez Mira
Cel: +58 416.921.7406 / 416.012.1226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com /
   reynie...@yahoo.com
   
   
   
2011/5/25 Martín Szyszlican marti...@gmail.com
   
 ¿Qué es lo que ocurre cuando achicás la ventana?

 Si el problema es que la imágen excede al div, este debe llevar un
 overflow:
 hidden para evitarlo, de forma que sólo se mostraría la parte
 central
   de
la
 imágen. Otra posibilidad sería que el tamaño mismo de la imágen sea
 porcentual, para lo cuál convendría tener una imágen bastante
 grande,
   de
 esta forma el navegador reduciría el tamaño de la imágen al del
 div.
Habría
 que tener en cuenta que algunos navegadores viejos rompen un poco
 las
 imágenes al cambiarles el tamaño.

 ¿Era ese el problema? ¿Podés mostrar un ejemplo?

 Martín.

 El 25 de mayo de 2011 15:13, reynie...@gmail.com 
  reynie...@gmail.com
 escribió:

  Hola listeros:
  Estoy realizando un diseño con 960.gs y todo perfecto pero me he
  encontrado
  con un pequeño problema que no logro resolver. Tengo un DIV
   contenedor
 con
  una imagen dentro (ver codigo debajo) y necesito que esa imagen
  quede
  centrada siempre tanto vertical como horizontalmente para asi
 poder
tener
  un
  diseño fluido/elastico de forma tal que cuando la resolucion de
 los
  monitores sea menor entonces todo quede de la misma forma ;).
 Este
  es
el
  HTML asociado:
 
  div class=grid_2 alpha
 img src=view/image/login.png alt=?php echo
 $text_login;
   ?
  title=?php echo $text_login; ? class=image /
  /div
 
  He intentado con este codigo CSS: *
  .image{position:relative;top:50%;left:50%;}* y se centra bien
 pero
   solo
 en
  altas resoluciones como la mia que es 1900x1080 pero si uso
WebDeveloper
  (extension de FF) y redimensiono a 800x600 paff todo se echa a
   perder.
  Alguna ayuda?
 
  Saludos
  Ing. Reynier Pérez Mira
  Cel: +58 416.921.7406 / 416.012.1226
  Twitter: twitter.com/reypm
  Correo: reynie...@gmail.com / reynie...@hotmail.com /
 reynie...@yahoo.com
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a
  Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente
  dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a
 Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente
 dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:

Re: [Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema reynie...@gmail.com
@Martin: No lo tiene

@Placido: Se le debe poner medidas a las imagenes?

Saludos
Ing. Reynier Pérez Mira
Cel: +58 416.921.7406 / 416.012.1226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com



2011/5/25 Plácido Luna octubre196...@gmail.com

 La imagen sin medidas?

 *Plácido Luna*
 http://www.octubre.com.uy
 (+598) 99 942723



 2011/5/25 Martín Szyszlican marti...@gmail.com

  El primer div, div class=grid_2 alpha debería tener overflow: hidden
 
  Lo tiene?
 
  El 25 de mayo de 2011 15:38, reynie...@gmail.com reynie...@gmail.com
  escribió:
 
   Justo eso es lo que tengo :)
  
   div class=grid_2 alpha
   img class=image title=Please enter your login details.
  alt=Please
   enter your login details. src=view/image/login.png
   /div
   div class=grid_2 omega
  Username:br
  input type=text style=margin-top: 4px; value=
   name=username
  br
  Password:br
   input type=password style=margin-top: 4px; value=
   name=password
   /div
  
   Ing. Reynier Pérez Mira
   Cel: +58 416.921.7406 / 416.012.1226
   Twitter: twitter.com/reypm
   Correo: reynie...@gmail.com / reynie...@hotmail.com /
  reynie...@yahoo.com
  
  
  
   2011/5/25 Martín Szyszlican marti...@gmail.com
  
¿Por qué permitís que la imágen se vaya encima del formulario?
Podés hacer dos DIVs, uno para la imágen y otro  para el formulario,
   ambos
con 50% de ancho (por ejemplo), entonces la imágen que está adentro
 de
   uno
de los divs nunca podrá pasarse al otro lado por el overflow:hidden
   
Se entiende?
   
Martín.
   
El 25 de mayo de 2011 15:24, reynie...@gmail.com 
 reynie...@gmail.com
escribió:
   
 El problema, creo es que la imagen no se mueve de lugar. La imagen
   tiene
un
 tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda
 reducir.
 Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la
 primera
imagen
 es en una resolucion de 800x600 obvio y la segunda en 1920x1080.

 PD: Sabe alguien como configurar Gmail (via web) para que me ponga
  las
 respuestas debajo de las que ustedes me dan a mi?

 Ing. Reynier Pérez Mira
 Cel: +58 416.921.7406 / 416.012.1226
 Twitter: twitter.com/reypm
 Correo: reynie...@gmail.com / reynie...@hotmail.com /
reynie...@yahoo.com



 2011/5/25 Martín Szyszlican marti...@gmail.com

  ¿Qué es lo que ocurre cuando achicás la ventana?
 
  Si el problema es que la imágen excede al div, este debe llevar
 un
  overflow:
  hidden para evitarlo, de forma que sólo se mostraría la parte
  central
de
 la
  imágen. Otra posibilidad sería que el tamaño mismo de la imágen
 sea
  porcentual, para lo cuál convendría tener una imágen bastante
  grande,
de
  esta forma el navegador reduciría el tamaño de la imágen al del
  div.
 Habría
  que tener en cuenta que algunos navegadores viejos rompen un poco
  las
  imágenes al cambiarles el tamaño.
 
  ¿Era ese el problema? ¿Podés mostrar un ejemplo?
 
  Martín.
 
  El 25 de mayo de 2011 15:13, reynie...@gmail.com 
   reynie...@gmail.com
  escribió:
 
   Hola listeros:
   Estoy realizando un diseño con 960.gs y todo perfecto pero me
 he
   encontrado
   con un pequeño problema que no logro resolver. Tengo un DIV
contenedor
  con
   una imagen dentro (ver codigo debajo) y necesito que esa imagen
   quede
   centrada siempre tanto vertical como horizontalmente para asi
  poder
 tener
   un
   diseño fluido/elastico de forma tal que cuando la resolucion de
  los
   monitores sea menor entonces todo quede de la misma forma ;).
  Este
   es
 el
   HTML asociado:
  
   div class=grid_2 alpha
  img src=view/image/login.png alt=?php echo
  $text_login;
?
   title=?php echo $text_login; ? class=image /
   /div
  
   He intentado con este codigo CSS: *
   .image{position:relative;top:50%;left:50%;}* y se centra bien
  pero
solo
  en
   altas resoluciones como la mia que es 1900x1080 pero si uso
 WebDeveloper
   (extension de FF) y redimensiono a 800x600 paff todo se echa a
perder.
   Alguna ayuda?
  
   Saludos
   Ing. Reynier Pérez Mira
   Cel: +58 416.921.7406 / 416.012.1226
   Twitter: twitter.com/reypm
   Correo: reynie...@gmail.com / reynie...@hotmail.com /
  reynie...@yahoo.com
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a
   Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente
   dirección:
   http://lists.ovillo.org/mailman/listinfo/ovillo
  
  ___
  Lista de distribución Ovillo
  Para escribir a 

Re: [Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema santosvz
Este enlace puede serte de utilidad en el renglón Creating Flexible Images:
http://www.flexiblewebbook.com/files.html


*-Mensaje original-
*De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre
*de reynie...@gmail.com
*Enviado el: miércoles, 25 de mayo de 2011 01:43 p.m.
*Para: Ovillo, la lista de CSS en castellano
*Asunto: [Ovillo] Centrar imagen horizontal y vertical
*
*Hola listeros:
*Estoy realizando un diseño con 960.gs y todo perfecto pero me he encontrado
*con un pequeño problema que no logro resolver. Tengo un DIV contenedor con
*una imagen dentro (ver codigo debajo) y necesito que esa imagen quede
*centrada siempre tanto vertical como horizontalmente para asi poder tener
un
*diseño fluido/elastico de forma tal que cuando la resolucion de los
*monitores sea menor entonces todo quede de la misma forma ;). Este es el
*HTML asociado:
*
*div class=grid_2 alpha
*img src=view/image/login.png alt=?php echo $text_login; ?
*title=?php echo $text_login; ? class=image /
*/div
*
*He intentado con este codigo CSS: *
*.image{position:relative;top:50%;left:50%;}* y se centra bien pero solo en
*altas resoluciones como la mia que es 1900x1080 pero si uso WebDeveloper
*(extension de FF) y redimensiono a 800x600 paff todo se echa a perder.
*Alguna ayuda?
*
*Saludos
*Ing. Reynier Pérez Mira
*Cel: +58 416.921.7406 / 416.012.1226
*Twitter: twitter.com/reypm
*Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com
*___
*Lista de distribución Ovillo
*Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
*Puedes modificar tus datos o desuscribirte en la siguiente dirección:
*http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema Plácido Luna
Reynier, no es obligatorio, pero ayudas al renderizado de la página, acá hay
alguna información al respecto:
http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMG (The
height http://www.w3.org/TR/REC-html40/struct/objects.html#adef-height-IMGand
width 
http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMGattributes
give user agents an idea of the size of an image or object so
that they may reserve space for it and continue rendering the document while
waiting for the image data.)

Dependiendo del DTD que uses estaría faltando el cierre de la etiqueta de la
imagen:
  img class=image title=Please enter your login details. alt=Please
enter your login details. src=view/image/login.png /

Saludos!
*Plácido Luna*
http://www.octubre.com.uy
(+598) 99 942723
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ayuda java script

2011-05-25 Por tema damian fernandez
No se quien coño serás ni si el mensaje es para mi, pero te dire algo
hijodeputa, no acostumbro a insultar ni dar consejos a gente tan
subnormal como tu mamon de mierda, echate tu la soga pero en los
cojones soplapollas.

El 24/05/11, Miguel Flores mikerfra...@gmail.com escribió:
 Te pasas de la raya por descerebrado y todavía tienes el cuajo de defenderte
 insultando a los que te dan un consejo válido. Gente como tú solo sirve para
 joder al resto y aunque no te lo hagan saber no es por temor sino porque
 tampoco lo entenderías.
 Vete a joder con tu tarea a la lista de Java Script a ver si te echaban
 soga... pero al cuello.

 ---
 Miguel Flores Franco
 Graphic Design  Standard based Web Design (Personal Website)
 http://www.pixelperu.net (Personal Website)
 http://pe.linkedin.com/in/mikersson
 MSN: kunst_m...@hotmail.com - mi...@pixelperu.net
 Phone +511.6237408


 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
 En nombre de Miguel Angel Alonso Asencio
 Enviado el: lunes, 23 de mayo de 2011 11:02 a.m.
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] ayuda java script

 PUES VAYA MIERDA
 OVILLOOO
 
 O
 A TOMA POR CULO AKI NADIE AYUDA
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema damian fernandez
Acabo de recibir un mensaje lleno de insultos y descalificaciones de
alguien que no conozco de nada, hace dos días que me apunte por
casualidad a esta lista, pero si esto es lo que hay de interesante
aquí, sabed que acabo de borrarme ahora mismo. Todo lo que reciba de
ovillo, si recibo algo, será spam.
Que os aproveche.

El 25/05/11, Plácido Luna octubre196...@gmail.com escribió:
 Reynier, no es obligatorio, pero ayudas al renderizado de la página, acá hay
 alguna información al respecto:
 http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMG (The
 height
 http://www.w3.org/TR/REC-html40/struct/objects.html#adef-height-IMGand
 width
 http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMGattributes
 give user agents an idea of the size of an image or object so
 that they may reserve space for it and continue rendering the document while
 waiting for the image data.)

 Dependiendo del DTD que uses estaría faltando el cierre de la etiqueta de la
 imagen:
   img class=image title=Please enter your login details. alt=Please
 enter your login details. src=view/image/login.png /

 Saludos!
 *Plácido Luna*
 http://www.octubre.com.uy
 (+598) 99 942723
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ayuda java script

2011-05-25 Por tema Huascar Vega
PIDO al administrador de esta lista, al propietario de esta lista, que
suspenda, cancele la suscripcion de las gentes que pretenden transformar la
lista en una pelea de bar.

Esta lista es para contribuir y ayudar informáticamente a quien lo requiera
sin obligacion de ninguna especie. No son necesarios los insultos ni tampoco
los mimos. Lo que es necesario es cierta cordura y respeto.

Considero que el propietario de la lista debe dar un ultimatum para que se
aborte esta cadena de insultos.

--

El 25 de mayo de 2011 17:56, damian fernandez smrabe...@gmail.comescribió:

 No se quien coño serás ni si el mensaje es para mi, pero te dire algo
 hijodeputa, no acostumbro a insultar ni dar consejos a gente tan
 subnormal como tu mamon de mierda, echate tu la soga pero en los
 cojones soplapollas.

 El 24/05/11, Miguel Flores mikerfra...@gmail.com escribió:
  Te pasas de la raya por descerebrado y todavía tienes el cuajo de
 defenderte
  insultando a los que te dan un consejo válido. Gente como tú solo sirve
 para
  joder al resto y aunque no te lo hagan saber no es por temor sino porque
  tampoco lo entenderías.
  Vete a joder con tu tarea a la lista de Java Script a ver si te echaban
  soga... pero al cuello.
 
  ---
  Miguel Flores Franco
  Graphic Design  Standard based Web Design (Personal Website)
  http://www.pixelperu.net (Personal Website)
  http://pe.linkedin.com/in/mikersson
  MSN: kunst_m...@hotmail.com - mi...@pixelperu.net
  Phone +511.6237408
 
 
  -Mensaje original-
  De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org]
  En nombre de Miguel Angel Alonso Asencio
  Enviado el: lunes, 23 de mayo de 2011 11:02 a.m.
  Para: Ovillo, la lista de CSS en castellano
  Asunto: Re: [Ovillo] ayuda java script
 
  PUES VAYA MIERDA
 
 OVILLOOO
 
 
  O
  A TOMA POR CULO AKI NADIE AYUDA
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema CHK Webmaster
2011/5/26 damian fernandez smrabe...@gmail.com

 Acabo de recibir un mensaje lleno de insultos y descalificaciones de
 alguien que no conozco de nada, hace dos días que me apunte por
 casualidad a esta lista, pero si esto es lo que hay de interesante
 aquí, sabed que acabo de borrarme ahora mismo. Todo lo que reciba de
 ovillo, si recibo algo, será spam.
 Que os aproveche.



Damian, ese correo lo inició una persona que fue baneada con inmediatez de
la lista.
De todas maneras tu respuesta tampoco ha ayudado demasiado. Yo llevo tiempo
en
esta lista y puedo asegurar que he aprendido mucho y me suelen resultar muy
interesantes las temáticas tratadas.

Sobre el tema de este hilo (centrar la imagen), el truco que yo he usado
para centrarla
horizontalmente era usar un div extra que haga de contenedor de la imagen
y aplicarle
a ese div un {margin:0 auto}.

Otra opción, creo recordar, que sería usar un text-align:center, pero creo
que eso no
acabó de funcionarme.[1] (aquí explica otro método)

Para centrarla verticalmente hay diversos sitios donde explican diferentes
métodos[2][3].

Espero que te sirva.
Un saludo,

CHK

[1] http://www.scourdesign.com/articulos/tutoriales/css/css10.php
[2]
http://diec123.blogspot.com/2009/04/centrar-verticalmente-una-imagen-en-un.html
[3] http://vagabundia.blogspot.com/2007/05/cmo-centrar-imgenes.html
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Reset o no reset en CSS

2011-05-25 Por tema Santiago García
Dan danal...@gmail.com:


Qué creéis vosotros ¿Reset CSS sí o no?

Interesante discusión. La verdad es que en el artículo no he encontrado ninguna 
razón de peso para desaprobar el uso de Reset CSS (aunque lo del fin del mundo 
me ha dejado un poquillo preocupado :-). Entiendo la necesidad de los 
diseñadores de que su página resulte igual de visible en todos los navegadores.

Pero por otro lado, tampoco creo que esa intención igualitaria sea del todo 
acertada, pues cada navegador debería tener la libertad de particularizar el 
aspecto de sus widgets. Supongamos que yo desarrollo mi propio navegador que 
cumple 100% con los estándares pero a las cajas de texto les pongo un efecto 
3D. O que al cursor del ratón le doy forma de bicicleta. ¿Qué tiene de malo? 
Chrome, por ejemplo, tiene las áreas de texto DIMENSIONABLES, lo cual no 
incumple los estándares pero puede alterar la apariencia diseñada de la página; 
lo que pasa es que le aporta mucha usabilidad al usuario. ...A veces los 
diseñadores nos pasamos de pretenciosos.

En cualquier caso, debo decir que yo nunca he usado Reset CSS. Quizá me falta 
experiencia al respecto, pero lo cierto es que al final siempre he necesitado 
UNA CSS PARTICULAR para cada navegador. Sabiendo programar el servidor (PHP, 
ASP, JSP...) se puede hacer de forma totalmente transparente para el código 
HTML.

Saludos.

Santiago.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo