Tag Archive: css


Centrado CSS Horizontal y Vertical

Firefox 4Chrome 12IE 7Centrado IE9IE 8Opera 11Safari 5

Centrar Horizontalmente y Verticalmente usando CSS es difícil, por eso a continuación hay un pequeño ejemplo (comentado) que puede ser usado como referencia.

EJEMPLO (DOCUMENTADO en Inglés)

Esto funciona en:

  • IE 7-8-9
  • Chrome 12 on Mac
  • Firefox 4 on Mac
  • Opera 11 on Mac
  • Safari 5 on Mac
  • Debería funcionar en los mismos navegadores en otros Sistemas Operativos..

Firefox 4Chrome 12IE 7Centrado IE9IE 8Opera 11Safari 5

Centering Vertically and Horizontally in HTML using CSS is a pain, so here’s a litte example (self commented) that can be used as a reference.

EXAMPLE (DOCUMENTED)

This works for:

  • IE 7-8-9
  • Chrome 12 on Mac
  • Firefox 4 on Mac
  • Opera 11 on Mac
  • Safari 5 on Mac
  • Expected to work on the same browsers on other OSs.

I was creating a system and i needed to find a way to assign a work schedule to several employees of a company and control them easily, rapidly and intuitively. For this, from a table created with divs and checkbox, I put “days” on the columns side and “hours” on the row side, then I includes the possibility to select and unselect the work hours of one or more days, clicking and dragging the mouse inside the table. This table is configurable, fast and easy to integrate and use, I gave it the name of EasySelector.

You can see the result in the demo below: Demo
View Full Article »

Estaba creando un sistema y necesitaba encontrar la manera de asignar horarios de trabajo para las personas de una empresa y controlarlos de manera fácil, rápida e intuitiva. Para esto, a partir de una tabla creada con divs y checkbox, coloqué “días” como columnas y “horas” como filas e integré la posibilidad de seleccionar y deseleccionar las horas de trabajo de uno o más días, clickeando y arrastrando el mouse dentro de la tabla. Esta tabla es configurable, rápida, fácil de integrar y utilizar y le dí el nombre de EasySelector.

Pueden ver el resultado en la demo a continuación: Demo
View Full Article »

Powered by WordPress and Motion by 85ideas.