abril 26, 2017

Cómo averiguar la contraseña del Wi-Fi utilizando el CMD

Al menos una vez, todos hemos estado en una computadora sin saber cuál es la contraseña del Wi-Fi. Si el módem está en un lugar inaccesible o te da pena preguntar la clave, te agradará saber que hay una manera muy sencilla desde el mismo equipo, de la mano del confiable CMD.
El símbolo del sistema (Command Prompt en inglés) es el intérprete de comandos en Windows que permiten realizar muchas funciones saltándose totalmente las restricciones o los pasos de la interfaz gráfica. Una de ellas, es conseguir la clave del Internet. Sigue esta sencilla guía para aprender a hacerlo.
1. Desde inicio, busca 'cmd.exe' y ejecútalo como administrador. Es muy importante que lo ejecutes como admin, de lo contrario la contraseña no aparecerá.
2. Escribe 'netsh wlan show profile' en la línea de comandos. Esto te mostrará todas las redes a las que se ha conectado la computadora.
3. Escribe 'netsh wlan show profile NOMBRE DE LA RED key=clear'. Por supuesto, NOMBRE DE LA RED debes intercambiarlo por el nombre de la red sobre la cual quieres averiguar la contraseña.
4. Te aparecerán muchos datos que te ayudarán a conocer mejor las configuraciones de esa red en particular. Aunque claro, lo más interesante ocurre hasta el final, donde la línea 'Contenido de la clave' muestra la contraseña de la red deseada.
¡Listo! Así de sencillo puedes averiguar las contraseñas de cualquier red a la que se haya conectado tu computadora, en menos de un minuto.

Cómo averiguar la contraseña del Wi-Fi utilizando el CMD http://a.mynews.ly/!DYD.FoCUy via @Appy_GeekMEX
Enviado desde mi teléfono con Windows 10

abril 24, 2017

PHP. Fatal error: Maximum execution time of 30 seconds exceeded in

Fatal error: Maximum execution time of 30 seconds exceeded in pathfile

Egregar al código
ini_set('max_execution_time', 300); //300 seconds = 5 minutes

Rellenar con 0's al principio de la celda y al final de la celda

Rellenar con 0's al principio de la celda

=EXTRAE("0000000000";1;10-LARGO(A1))&A1


Rellenar con 0's al final de la celda
=A1&EXTRAE("0000000000";1;10-LARGO(A1))

Exportar datos a un archivo de texto en Access 2007

Exportar datos a un archivo de texto

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.
En este artículo, se explica cómo exportar archivos de texto mediante el Asistente para exportación en Microsoft Office Access 2007. También se explica cómo guardar los detalles de la exportación como especificaciones para uso futuro.

¿Qué desea hacer?

Comprender la exportación de archivos de texto
Exportar datos a un archivo de texto.
Solucionar problemas de valores que faltan o que no son correctos en un archivo de texto

Comprender la exportación de archivos de texto

Los datos de Office Access 2007 se pueden exportar en muy diversos formatos, incluidas listas de Microsoft Office Excel 2007, Microsoft Office Word 2007 y Windows SharePoint Services 3.0. No obstante, es posible que necesite exportar datos a un programa que usa un formato de archivo que Access no admite. En este caso, si el programa de destino puede usar archivos de texto (.txt), puede exportar los datos en ese formato y abrir el archivo resultante con el segundo programa.
Puede exportar tablas, consultas, formularios e informes como archivos de texto. También puede exportar una parte seleccionada de una vista de hoja de datos. Si exporta tablas o consultas, tiene la opción de exportar el objeto entero o sólo los datos sin formato.
Al final de la operación, Access crea un archivo de texto (*.txt). Si decide omitir el formato, tiene la opción de crear un archivo de texto delimitado o un archivo de texto de longitud fija. Si elige exportar datos con formato, Access intenta aproximarse al diseño del objeto de origen.
El Asistente para exportación crea los siguientes tipos de archivos de texto:
  • Archivos delimitados     En un archivo delimitado, cada registro aparece en su propia línea y los campos están separados por un carácter denominado delimitador. El delimitador puede ser cualquier carácter que no aparezca en los valores de campo, como una coma o un punto y coma.
    1,Company A,Anna,Bedecs,Owner
    2,Company C,Thomas,Axen,Purchasing Rep
    3,Company D,Christina,Lee,Purchasing Mgr.
    4,Company E,Martin,O’Donnell,Owner
    5,Company F,Francisco,Pérez-Olaeta,Purchasing Mgr.
    6,Company G,Ming-Yang,Xie,Owner
    7,Company H,Elizabeth,Andersen,Purchasing Rep
    8,Company I,Sven,Mortensen,Purchasing Mgr.
    9,Company J,Roland,Wacker,Purchasing Mgr.
    10,Company K,Peter,Krschne,Purchasing Mgr.
    11,Company L,John,Edwards,Purchasing Mgr.
    12,Company M,Andre,Ludo,Purchasing Rep
    13,Company N,Carlos,Grilo,Purchasing Rep
    Sólo se tiene la opción de crear un archivo delimitado cuando se exporta el contenido de una tabla o una consulta sin formato. Un archivo delimitado contiene todos los registros y los campos del objeto subyacente. Las columnas ocultas y las filas filtradas se exportan junto con el resto de datos.
  • Archivos de ancho fijo     En un archivo de ancho fijo, cada registro aparece en una línea aparte y el ancho de cada campo se mantiene constante en todos los registros. Dicho de otro modo, la longitud del primer campo de cada registro podría ser siempre de siete caracteres, la longitud del segundo campo de cada registro podría ser siempre de doce caracteres, y así sucesivamente. Si los valores reales de un campo varían de un registro a otro, los valores con menos caracteres que el ancho requerido se rellenan con espacios al final.
    1   Company A   Anna       Bedecs         Owner            
    2   Company C   Thomas     Axen           Purchasing Rep   
    3   Company D   Christina  Lee            Purchasing Mgr.  
    4   Company E   Martin     O’Donnell      Owner            
    5   Company F   Francisco  Pérez-Olaeta   Purchasing Mgr.  
    6   Company G   Ming-Yang  Xie            Owner            
    7   Company H   Elizabeth  Andersen       Purchasing Rep   
    8   Company I   Sven       Mortensen      Purchasing Mgr.  
    9   Company J   Roland     Wacker         Purchasing Mgr.  
    10  Company K   Peter      Krschne        Purchasing Mgr.  
    11  Company L   John       Edwards        Purchasing Mgr.  
    12  Company M   Andre      Ludo         Purchasing Rep   
    13  Company N   Carlos     Grilo          Purchasing Rep   
    Sólo se tiene la opción de crear un archivo de ancho fijo cuando se exporta el contenido de una tabla o una consulta sin formato. Un archivo de ancho fijo contiene todos los registros y los campos del objeto subyacente. Las columnas ocultas y las filas filtradas se exportan junto con el resto de datos.
  • Archivos con formato     En un archivo con formato, se utilizan los guiones (-) y los caracteres de barra vertical (|) para organizar el contenido en una cuadrícula. Los registros aparecen como filas y los campos aparecen como columnas. Los nombres de campo aparecen en la primera fila.
    --------------------------------------------
    |   ID    |         E-mail Address         |
    --------------------------------------------
    |       1 | nancy@northwindtraders.com     |
    --------------------------------------------
    |       2 | andrew@northwindtraders.com    |
    --------------------------------------------
    |       3 | jan@northwindtraders.com       |
    --------------------------------------------
    |       4 | mariya@northwindtraders.com    |
    --------------------------------------------
    |       5 | steven@northwindtraders.com    |
    --------------------------------------------
    |       6 | michael@northwindtraders.com   |
    --------------------------------------------
    |       7 | robert@northwindtraders.com    |
    --------------------------------------------
    |       8 | laura@northwindtraders.com     |
    --------------------------------------------
    |       9 | anne@northwindtraders.com      |
    --------------------------------------------
    Si se decide exportar los datos de una tabla, una consulta, un formulario o un informe junto con el formato, sólo es posible crear un archivo con formato. Un archivo con formato incluye solamente los registros y los campos que se incluyen en el objeto de origen o se presentan en la vista abierta. Las columnas ocultas y las filas filtradas no se exportan.
Principio de página

Exportar datos a un archivo de texto

El proceso de exportar datos como archivo de texto sigue estos pasos generales:
  • Abrir y revisar la base de datos de origen
  • Ejecutar el asistente de exportación
  • Guardar la configuración de exportación y revisar el archivo de texto
A continuación, se explica cómo realizar cada una de las tareas.

Abrir y revisar la base de datos de origen

  1. Abra la base de datos de origen en Access.
  2. En el panel de exploración, seleccione el objeto que contiene los datos que desea exportar. Puede exportar una tabla, una consulta, un formulario o un informe.
    Nota: En una operación de exportación, sólo se puede exportar un objeto de base de datos. Cuando se exporta un formulario o una hoja de datos que contiene otros formularios u otras hojas de datos, sólo se exporta el formulario o la hoja de datos principal. Se debe repetir la operación de exportación para cada formulario y hoja secundaria de datos que se desee ver en el archivo de texto. Por otra parte, cuando se exporta un informe, los formularios y los informes secundarios incluidos en el informe se exportan junto con el informe principal.
  3. Revise los datos de origen para asegurarse de que no contienen indicadores de error o valores no válidos.
    Si los datos contienen errores, asegúrese de que se resuelven antes de exportar los datos. De otro modo, aparecerían valores nulos en el archivo de texto.
  4. Si el objeto de origen es una tabla o una consulta, decida si desea exportar los datos con o sin el formato del objeto.
    Esta decisión afecta a tres aspectos del archivo resultante: el tipo de archivo de texto que crea el proceso, la cantidad de datos que se exportan y el formato de presentación de los datos. La tabla siguiente describe el resultado de exportar datos con y sin formato.
Exportación con formato Objeto de origen Tipo de archivo resultante Campos y registros Formato
NoDebe ser una tabla o una consulta.Archivo delimitado o archivo de ancho fijoSe exportan todos los campos y registros del objeto subyacente.Se omite el valor de la propiedad Formato durante la operación de exportación.
Para los campos de búsqueda, se exportan sólo los valores del identificador de búsqueda.
Puede ser una tabla, una consulta, un formulario o un informe.Archivo con formatoSólo se exportan los campos y los registros visibles en la vista o el objeto de origen actual.El asistente tiene en cuenta el valor de la propiedad Formato de cada columna.
Se omite el formato de texto enriquecido.
Para los campos de búsqueda, se exportan los valores de búsqueda.
Los hipervínculos se pueden truncar en el archivo de texto.
  1. Para exportar sólo una parte de una tabla, una consulta o un formulario, abra el objeto en la vista de hoja de datos y, a continuación, seleccione sólo los registros que desee exportar.
Principio de página

Ejecutar el Asistente para exportación

  1. En el panel de exploración, haga clic con el botón secundario en el objeto de origen, elija Exportar en el menú contextual y, a continuación, haga clic en Archivo de texto Imagen del botón .
    O bien,
    Haga doble clic en el objeto de origen para abrirlo (en la vista Hoja de datos o en la de Formulario, por ejemplo) y, en la ficha Datos externos, en el grupo Exportar, haga clic en Archivo de texto.
    Aparece el cuadro de diálogo Exportar - Archivo de texto.
  2. En el cuadro de diálogo Exportar - Archivo de texto, acepte o cambie el nombre que sugiere Access para el archivo de texto.
  3. Si está exportando una tabla o una consulta y desea exportar datos con formato y con diseño, active la casilla de verificación Exportar datos con formato y diseño. Si está exportando un formulario o un informe, la opción siempre está activada, pero aparece atenuada.
    Nota: Si no activa la primera casilla de verificación, no puede activar la segunda ni la tercera.
  4. Para ver el archivo de texto de destino una vez completada la operación de exportación, active la casilla de verificación Abrir el archivo de destino al finalizar la operación de exportación.
  5. Si el origen es una hoja de datos y ha seleccionado algunos registros en la hoja de datos abierta antes de iniciar la operación de exportación, puede activar la casilla de verificación Exportar sólo los registros seleccionados. Pero si desea exportar todos los registros que están en la vista de hoja de datos, deje sin activar la casilla de verificación.
    Nota: Esta casilla de verificación no está disponible (aparece atenuada) si no se ha seleccionado ninguno de los registros de la hoja de datos de origen o si el origen no es una hoja de datos.
  6. Haga clic en Aceptar.
  7. Si ya existe el archivo de texto que ha especificado en el paso 2, Access le solicita que sobrescriba el archivo. Haga clic en para sobrescribirlo, o en No para regresar al cuadro de diálogo Exportar - Archivo de texto y especificar otro nombre.
    Importante: No se pueden adjuntar datos a un archivo de texto existente.
  8. Si está exportando datos con formato y con diseño, tendrá que elegir la codificación que se utilizará para guardar el archivo. Acepte la opción predeterminada o seleccione la que desee y, a continuación, haga clic en Aceptar.
    Access exporta los datos y muestra el estado en la página final del asistente. Vaya a la sección siguiente (Guardar las especificaciones y revisar el archivo de texto) para continuar.
  9. Si decide exportar los datos sin ningún formato ni diseño, se inicia el Asistente para exportación de texto que le pide que seleccione el tipo de archivo de texto que desea crear. Haga clic en Delimitado o en Ancho fijo y, a continuación, haga clic en Siguiente.
    La elección que hace suele depender del sistema que funciona con los archivos exportados. Algunos programas funcionan con archivos delimitados y otros con delimitados o de ancho fijo. Si los usuarios deben ver los datos, un archivo de ancho fijo puede ser muy fácil de leer que un archivo delimitado.
  10. Siga uno de los procedimientos que se describen a continuación, dependiendo de la opción que haya elegido en el paso anterior:
    • Delimitado  
      • En Elija el delimitador que separa los campos, seleccione o especifique el carácter que delimita los campos.
      • Para incluir los nombres de campo en el archivo de texto, active la casilla de verificación Incluir nombres de campo en la primera fila.
      • En la lista Cualificador de texto, seleccione el cualificador de texto (el carácter que se usa para delimitar valores de texto). Si los datos de origen incluyen campos multivalor y elige el punto y coma como carácter delimitador, la selección del cualificador de texto es muy importante, porque incluir la lista de valores entre comillas sencillas o dobles ayuda a mantener juntos los valores de la lista.
    • Ancho fijo  
      • Revise y coloque las líneas verticales que separan los campos. Si es necesario, desplácese a la derecha para ver todos los campos.
  11. En la última página del asistente, puede modificar el nombre del archivo de texto y la ruta de acceso, o simplemente dejarlos como están y hacer clic en Siguiente.
  12. Haga clic en Finalizar. Access exporta los datos y muestra el estado de la operación de exportación en la página final del asistente.
Principio de página

Guardar las especificaciones y revisar el archivo de texto

  1. En la última página del Asistente para exportación, active la casilla de verificación Guardar los pasos de la exportación.
    Aparece un conjunto de controles adicionales.
  2. En el cuadro Guardar como, escriba un nombre para las especificaciones de la exportación.
  3. Opcionalmente, escriba una descripción en el cuadro Descripción.
  4. Haga clic en Guardar exportación.
    O bien,
    Para ejecutar la operación de exportación a intervalos fijos (como semanal o mensualmente), active la casilla de verificación Crear tarea de Outlook y luego haga clic en Guardar exportación. De este modo, se creará una tarea de Microsoft Office Outlook 2007 que le permitirá ejecutar la especificación en el futuro.
Si no crea la tarea de Outlook, Access guarda la especificación. Si elige crear la tarea de Outlook, Access muestra el cuadro de diálogo Exportar nombre tarea. Vaya a los pasos siguientes para obtener información sobre cómo usar el cuadro de diálogo.
Nota: Si Outlook no está instalado, Access muestra un mensaje de error cuando hace clic en Guardar exportación. Si Outlook no está configurado correctamente, se inicia el Asistente para configuración de Outlook. Siga las instrucciones del Asistente para configurar Outlook.

Crear una tarea de Outlook

  1. En la cuadro de diálogo Exportar nombre tarea en Outlook, revise y modifique la configuración de tareas tales como vencimiento y aviso.
    Para que se repita la tarea, haga clic en Periodicidad. La figura siguiente muestra el programador de tareas con algunos valores típicos:
    Programador de tareas de Outlook
    Para obtener más información sobre la programación de tareas de Outlook, vea el artículo Programar una operación de importación o exportación.
  2. Una vez finalizada la configuración, haga clic en Guardar y cerrar.

Ejecutar una tarea guardada

  1. En el panel de configuración de Outlook, haga clic en Tareas y, a continuación, haga doble clic en la tarea que desea ejecutar.
  2. En la ficha Tarea, en el grupo Microsoft Office Access, haga clic en Ejecutar exportación Imagen del botón .
  3. Abra el archivo de texto y revise el contenido del archivo.
    Vea la sección siguiente para obtener ayuda para solucionar problemas de valores que faltan o no son correctos.
Principio de página

Solucionar problemas de valores que faltan o que no son correctos en un archivo de texto

En la tabla siguiente, se describen maneras distintas de solucionar errores comunes.
Sugerencia: Si observa que sólo faltan unos pocos valores, corríjalos en el archivo de Office Excel 2007. Si no es así, corrija el objeto de origen en la base de datos de Access y repita la operación de exportación.
Problema Descripción
Faltan nombres de camposEn un archivo de ancho fijo, los nombres de campo no están. Agréguelos manualmente al archivo de texto. En un archivo delimitado, los nombres de campo se incluyen si se activa la casilla de verificación Incluir nombres de campo en la primera fila en el asistente.
Presentación de campos multivalorDe forma predeterminada, los campos que admiten varios valores se exportan como una lista de valores separados por punto y coma (;) e incluidos entre comillas dobles (""). Si establece el punto y coma como delimitador de campo y no ha cambiado el cualificador de texto a Ninguno, cada valor de la lista multivalor puede aparecer como si perteneciese a un campo individual. Cambie la configuración del delimitador y ejecute de nuevo la operación de exportación,o bien, enmarque los valores del campo multivalor del archivo de texto entre comillas dobles.
Faltan imágenes, objetos y datos adjuntosLos elementos gráficos (como logotipos, los contenidos de campos de objetos OLE y los datos adjuntos que son parte del origen de datos) no se exportan.
Faltan gráficosCuando se exporta un formulario o un informe que contiene un objeto de Microsoft Graph, dicho objeto no se exporta.
Faltan expresionesLa expresión que se utiliza para calcular los valores no se exporta al archivo de texto. Sólo se exportan los resultados de las expresiones. Agregue manualmente la fórmula al archivo de texto una vez finalizada la operación de exportación.
Faltan subformularios y hojas secundarias de datosCuando se exporta un formulario o una hoja de datos, sólo se exporta el formulario o la hoja de datos principal. Repita la operación de exportación para cada formulario y hoja secundaria de datos que desee exportar.
Aparecen valores 1 y 0 en campos Sí/NoCuando se exportan datos a un archivo delimitado o de ancho fijo, los valores de los campos Sí/No aparecen como 1 (Verdadero o Sí) y 0 (Falso o No). En el archivo de texto, realice una operación de buscar y reemplazar para corregir los valores.
Valores nulosRevise el archivo de origen para comprobar si el valor correspondiente aparece correctamente en el campo de origen. Si ve un valor de error o un valor no admitido, corrija el origen y repita la operación de exportación.


Fuente: https://support.office.com/es-es/article/Exportar-datos-a-un-archivo-de-texto-F72DFC38-A8A0-4C5B-8C2C-BF2950814140

abril 17, 2017

Centrar div en CSS

Varias formas de centrar en CSS


Centrando al centro con Css: Todas las formas conocidas para hacerlo (25)

Actualizado: Noviembre 2015: 26+ formas totalmente distintas de centrar elementos con css y algunas variaciones: en la horizontal, la vertical o ambas. Elementos de bloque, línea, posiciones absolutas, relativas, de tamaños conocidos o ignorados, cajas, textos, imágenes...

Centrando al centro con Css: Todas las formas conocidas para hacerlo (25)

Por Kseso ✎ 81
centrar cssPocas cuestiones como el tema de centrar suscitan tantas y tan variadas consultas por quienes se inician en Css. Bueno, y no tan iniciáticos. Este tema suele ser fuente de múltiples frustraciones. Y en la mayoría de los casos el error inicial es no pararse a pensar en qué tipo de elemento se pretende centrar y qué propiedades tiene.
Al plantearse centrar un elemento con css hay que tener claro como cuestión preliminar si es un elemento de bloque o si es de línea, si a priori se conocen sus dimensiones y en qué unidad están definidas (absoluta o relativa) y las de su contenedor. Sin olvidar que no es lo mismo el centrado en X (horizontal) que en el eje Y (vertical). Y por supuesto, no confundir que no es lo mismo centrar un contenedor respecto a su ancestro que su contenido.
Así que vamos a ver diferentes formas (16) 26+ de centrar una caja con Css.
¡Ah! Se me olvidaba una obviedad, pero creo necesario apuntarla:
Sólo se puede centrar un elemento dentro de otro cuando su tamaño es inferior al de la caja que lo contiene. Sí, es demasiado obvio, pero ya me he encontrado con algún caso de querer centrar cajas con mayor tamaño o igual al de su contenedor.
Y otra obviedad: tampoco confundas centrar con alinear. Aunque sea alinear al centro. Normalmente en el caso de las alineaciones al centro todo se reduce a dos casos: centrar la caja padre en su ancestro si controlamos su tamaño para que sea el de su contenido o el de éstos, los elementos hijos, repartirlos en la anchura del padre para que el espacio vacío sea igual por sus laterales.

Centrado horizontal de elementos

El caso más sencillo es el de una caja, elemento de bloque, del que conocemos su anchura, que queremos centrar en la horizontal de la ventana (u otro bloque).
Lo primero declaramos unos estilos básicos para visualizarla. Utilizo el elemento amarillo con la cuadrícula como elemento en el que hacer el centrado:
.caja { background: #D5CABF; border: 2px solid #fff; width: 200px; }

Centrado horizontal con anchuras fijas y conocidas:

Como ves, la posición natural (sin altrear el flujo) de un elemento es la esquina superior izquierda de su padre. Para centrarla en la horizontal sólo necesitamos utilizar el valor auto de la propiedad margin. Dicho valor significa que el espacio del padre no ocupado por el hijo se reparte mitad a su izquierda y mitad a su derecha.
Nuestro Css y resultado sería el siguiente:
.caja { width: 200px; margin: 0 auto; }

Fíjate bien:
En ningún lugar menciono el uso de text-align: center contrarrestado por una alineación posterior a la izquierda y la familia de los IE.
NO SE NECESITA
O mejor dicho. Sólo hay una situación y un navegador donde sería necesario utilizar esa combinación de declaraciones: ausencia de doctype en ie6. Así que mejor no cometer la burrada de no usar doctype.

Centrado horizontal anchura relativas:

La técnica anterior de margin: 0 auto; también es efectiva si la anchura de la caja a centrar está definida en valores relativos, por ejemplo en %:
.caja { width: 60%; margin: 0 auto; }
Fíjate bien, lo que estamos haciendo es centrar la caja respecto a su contenedor, no los contenidos.

Centrado horizontal sin anchura declarada

En los casos que no queremos/podemos definir una anchura a la caja a centrar, podemos recurrir a definir los márgenes laterales. El valor de la anchura por defecto es auto, que significa que ocupará toda la anchura disponible de su padre. Y en el modelo estándar de cajas de la anchura del padre primero se restará el margen y border del hijo, así como el padding y el resto será la anchura del hijo:
.caja { padding: 1em 3em; margin: 1em 25%; }
Recuerda que cuando se utilizan anchuras en % es conveniente declarar las propiedades max/min-width para prevenir los colapsos o desbordamientos.

Centrado de elementos posicionados

Hasta ahora, en todos los ejemplos hemos usado sólo el margen para desplazar un elemento del lugar que le correspondería ocupar. Pero para lograr lo mismo, Css también tiene las propiedades de posicionamiento (top/right/bottom/left) que pueden ser utilizadas en los elementos posicionados (positionstatic;).
Antes de continuar, recuerda que los elementos con position:relative; que son desplazados con estas propiedades, para los demás es como si no hubiesen sido movidos. Los ven y se comportan como si estuviesen en la posición original. Ve las explicaciones y ejemplos en el enlace anterior.

Doble Centrado en X e Y: posición absoluta y medidas conocidas

Si se conocen las medidas tanto del padre como del hijo, podemos utilizar la propiedad de posicionamiento para centrar al hijo. Para hacerlo fácil hay una fórmula que puedes usar:
left = (AnchuraPadre - AnchuraHijo) / 2
Y lo mismo para top con las alturas. Vamos con un ejemplo:
.padre { position: relative; width: 400px; height: 300px; } .hijo { position: absolute; /* podría ser relative */ width: 200px; height: 200px; } Según la fórmula anterior, para el centrador horizontal, calculamos el valor de left= (400px-200px)/2= 100px
y para el centrado vertical el valor de top= (300-200)/2=50px
Así que el css para el centrado horizontal y vertical del hijo quedaría así:
.hijo { position: absolute; /* podría ser relative */ width: 200px; height: 200px; left: 100px; top: 50px; } y el resultado:
Este método funciona utilizando la misma unidad para los valores (por ejemplo en % en vez de px). Recuerda que el % se calcula sobre el valor del padre (declarado o computado).
style="width: 50%; height: 200px;

Doble centrado sin márgenes negativos con posición absoluta

Añadido: Agosto de 2013 Simple y genial, esta obra que vi en Jsfiddle. Es tan sencilla que parece mentira que nadie hasta ahora lo haya descubierto.
Pese a que en la vertical el valor 'auto' para 'margin' no surte efecto, al actuar sobre una caja con tamaños declarado y estar posicionada a 0 en las cuatro propiedades (left/top/right/bottom) la magia ocurre.
Una realización más compleja y explicada [ing] la tienes en este pen

Doble centrado. Padre medidas "fluidas".

Un caso particular de los anteriores se presenta cuando se desconocen las medidas del padre (por ejemplo la ventana del navegador) y las del hijo son conocidas, ya sean en valores absolutos o relativos.
En estos casos se vuelve a recurrir a posicionar el elemento al centro y compensar su posición con márgenes en negativo. Recuerda que al posicionar un elemento, se hace tomando como punto de colocación no el centro de la caja que se desplaza, sino la esquina correspondiente a la propiedad utilizada. Así si es top: 50% el punto es la esquina superior izquierda.
Aquí también podemos utilizar una fórmula para calcular el valor del margen lateral a utilizar:
margin-left = -(AnchuraHijo /2)
margin-top = -(AlturaHijo /2)

.hijo { position: absolute; left: 50%; top: 50%; width: 400px; height: 200px; margin: -100px 0 0 -200px; }
.hijo { width: 400px; height: 200px; left: 50%; top: 50%; margin: -100px 0 0 -100px; }
Con este método debes tener mucho cuidado. ¿Recuerdas qué ocurre con los elementos sacados del flujo?
Imagina que el .hijo tiene una anchura de 700px. Como su margen será de -350px no habrá problemas siempre que su .padre (la ventana de navegador por ejemplo) sea mayor de 700+350=1050px. A tamaños menores el .hijo ya no será visible. Si redimensionas la pantalla a 800px se perderán 250.

Doble centrado con margin: auto en el Flexbox

NUEVO ENERO 2015 Por @LeaVerou me llega esta forma usando margin: auto en el flexbox:
Tienes este artículo sobre esta forma de doble centrado. Posíblemente sea la forma más sencilla y que menos Css necesita.

Doble centrado medidas desconocidas con transform

NUEVO MAYO 2013 Una variante del anterior para los casos en que se desconocen las medidas del hijo es recurrir a las transform
¡Mira mamá! centrado!
.centrado { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

Doble centrado múltiples elementos en tamaños desconocidos o ventanas dinámicas

NUEVO: 01/2013
Esta forma solventa el problema anterior, ya que no se necesita ningún margen lateral negativo ni superior tan grande. Además añade la ventaja de que no se necesita conocer de antemano los tamaños de los elementos a centrar:
Puedes verlo en este pen o este fiddle:
La clave está en la relación entre el valor en negativo del margen superior de la lista (es el elemento seleccionado para el ejemplo) y el line-height de los enlaces que conforman el menú (los elementos que se centran.

Doble centrado con la propiedad calc

NUEVO: 12/2012
Aunque de momento el soporte a la propiedad calc() es limitada, con ella se puede lograr un doble centrado (vertical y horizontal) de forma rápida y sencilla:
.calc { height: 12rem; width: 14rem; position: absolute; left: calc(50% - 7rem); top: calc(50% - 6rem); }

Centrado de Texto

Para el centrado horizontal de texto, ya esté contenido en un párrafo (p), en un hnº o en cualquier elemento de bloque, basta con utilizar la propiedad text-align: center; .

Doble centrado de texto

Para el centrado en X e Y de una sola línea podemos utilizar la propiedad line-height, dándole un valor en función de la altura de la caja padre que la contenga:
.padre { height: 200px; } .hijo { line-height: 200px; text-align: center; }
EsCss
Observa que el tamaño del texto font-size no influye. Así mismo, si en line-height se utilizan unidades relativas (em, %...) el cómputo se realiza sobre el tamaño de la tipografía (f-size). Por lo tanto, el centrado con ésta técnica no sirve si se desconoce a priori la altura de la caja.
Si quieres centrar un h1, por ejemplo, en la ventana del navegador, deberás utilizar una de las técnicas anteriores para centrar al .hijo sabiendo su altura y en el h1 utilizar la altura de línea.

Centrado con Display

Si has prestado atención a todos los casos planteados hasta ahora, posíblemente te hayas dado cuenta que no he mencionado una propiedad que a priori parecería que es la más indicada para el centrado vertical: vertical-align, o la alineación en la vertical. La razón la encontrarás en lo que dice la especificación sobre esta propiedad:
vertical-align: Se aplica a los elementos a nivel de línea y 'table-cell'.
Esta propiedad afecta el posicionamiento vertical dentro de una caja de línea de las cajas generadas por un elemento a nivel de línea. Los siguientes valores sólo tienen significado con respecto a un elemento a nivel de línea padre, o a un elemento a nivel de bloque padre, si ese elemento genera cajas de línea anónimas; no tienen ningún efecto si no existe tal padre.

Centrado con "Display: table" y asociadas

Así que para utilizar el vertical-align hay que provocar que el comportamiento de un elemento de bloque sea como el de una tabla. Para ello, Css define el valor table y asociados para la propiedad display.
Display: Se aplica a todos los elementos.
Valores del grupo de tabla: table, inline-table, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell y table-caption
Estos valores provocan que un elemento se comporte como un elemento tabla.
En puridad, habría que definir al menos tres elementos con estas propiedades: uno con table, su hijo como table-row y el tercero a centrar como table-cell.
Cuando sólo tenemos un elemento en el body y lo queremos centrar en la ventana del navegador, podemos utilizar el selector html y body para lograrlo:
html { display: table; height: 100%; width: 100%; } body { display: table-row; } h1 { display: table-cell; vertical-align: middle; text-align: center; } Y en la captura de abajo ves el resultado. El <h1>EsCss</h1> se centra tanto en la horizontal como en la vertical con independencia del tamaño de la ventana:
Para el siguiente ejemplo, creo un div para aplicarle display: table, el amarillo cuadriculado con display: table-cell y el tercero es el centrado, en la horizontal con el margen:
<div style="display: table; width: 100%; height: 250px;"> <div class="ejemplo" style="display: table-cell; height: 100%; vertical-align: middle;"> <div contenteditable="true" class="centrada" style="width: 50%; margin: 0 auto;" EsCss Por una web con mucho estilo, para Argonautas con buen gusto. Contenido editable. </div> </div></div>
EsCss
Por una web con mucho estilo, para Argonautas con buen gusto. Contenido editable.
El motivo para ser tan poco usada hasta el momento la declaración display: table no es otro que el estropicio que con ella hacían los ie6 y 7. Lo mismo para el vertical-align, que ie7 sólo la maneja en elementos que por naturaleza son de línea.

Display: table; Punto y mini punto

Con una doble utilización partiendo de no saber absolutamente nada del elemento.
  1. No necesitas saber ni declarar la anchura de la caja que quieras centrar horizontalmente: con este display y los márgenes laterales en auto nada se resiste.
  2. Si lo declaras a un elemento de bloque (un div) que como es sabido lleva en sus genes apropiarse de todo el espacio horizontal disponible, harás que se extienda sólo en función de su contenido. Mira el ejemplo:
div { display: table; margin: 0 auto; } /*html :*/ <div> <img src="ruta.ext" alt="alt" /> </div>
El resultado:
la letra E de EsCss
Esta regla css (diplay: table + margin: X auto) puedes usarla en una clase para centrar las imágenes y así junto a las típicas .izquierda{} .derecha{} con sus float correspondientes cubrir los tres casos de alineación de imágenes.

Doble centrado del contenido

Si lo que queremos es centrar en la vertical el contenido en una caja, tan sencillo como:
.padre { display: table; height: 150px; /*valor que necesites* width: 60%; /*Valor que necesites*/ padding: 1em; /*sólo ornamental */ } .hijo { display: table-cell; vertical-align: middle; }
EsCss Por una web con mucho estilo, para Argonautas con buen gusto. Contenido editable.
En este último ejemplo también podrías alinear el texto al centro añadiendo text-align: center;

Centrado de elementos flotados sin conocer anchuras ni su númeroNuevo 03/2013

Típico caso de menú horizontal con un número indeterminado de opciones donde los li´s se encuentran flotados:

Centrar cajas flotantes sin ancho definido. Por @Oloman

Tienes un artículo en este blog escrito por @Oloman, autor del blog Oloblogger, donde se explica detalladamente cómo lograrlo:
Ver artículo y demo

Centrar elementos flotados con fit-content

Utilizando el valor de width: fit-content se consigue centrar tanto la lista (ul) como sus items (li´s) sin necesidad de saber ni el número de ellos ni sus tamaños. Esto es, no es necesario calcular ni declarar tamaños. Y como bonus tampoco se necesita limpiar los float.
Puedes ver una explicación detallada en el artículo "Centrar elementos flotados con fit-content sin saber número ni tamaños" y este el ejemplo funcionando:
Ver Demo

Centrado de elementos en línea

Centrado con vertical-align

Otros casos de centrado, son aquellos en los que los elementos que intervienen son de línea y con diferentes alturas. El ejemplo típico es el de una imagen y un texto dentro de un bloque.
<p><img src="ruta.ext" alt="alt" />Texto que acompaña a la imagen</p> En estas situaciones, el elemento al que hay que declarar el vertical-align es a la imagen:
Lobo con piel de oveja
Esta solucción sólo es válida mientras haya una sola línea de texto. La 2ª y siguientes se posicionarán debajo (eje Y) de la imagen. Para esos casos hay que recurrir a otro método, como el siguiente.

Centrado vertical de múltiples líneas de texto respecto a una imagen

imagen con texto de varias líneas a su lado centrado en la vertical.
A la izquierda de este texto tenemos una imagen. El texto son unas cuantas líneas que se posicionan centradas respecto a la vertical de la imagen. Para este particular elijo el marcado figure y su asociado figcaption Los códigos Css y Html abajo.
figure {display: table;} img, figcaption {display: table-cell; vertical-align: middle;} Marcado Html <figure> <img src="barb.jpg" /> <figcaption> Texto extenso descriptivo de la imagen... </figcaption> </figure>

Centrado con padding

Otro caso típico es el centrar en X e Y un pequeño texto dentro de una caja, como suele suceder con el texto de un enlace en un menú
<ul> <li> <a href="#"....</a> </li> </ul> Este caso tiene múltiples variables, pero básicamente se logra declarando los enlaces como bloques y asignandoles un padding superior e inferior y derecho e izquierdo de valor igual en cada par. Si los li´s tienen una anchura definida, basta con declarar la anchura del enlace al 100%, texto alineado al centro y padding superior e inferior al gusto.

Centrado horizontal y vertical con pseudoelemento CSS ::before

Una de las formas más sencillas de lograr un centrado simultáneo en ambos ejes, sin ser necesario añadir etiquetas en el html, es utilizar el pseudoelemeto ::before
EsCss Por una web con mucho estilo, para Argonautas con buen gusto. Contenido editable
Tienes una explicación más detallada en este artículo del blog.

Centrado en el flexbox

El nuevo modelo de caja flexible o flexbox provee nuevas formas de lograr el doble centrado, horizontal y vertical, de una forma súmamente sencilla:
Para una explicación pormenorizada del flexbox o "Flexible Box Model Layout" puedes ver este artículo del blog.

Más formas y más sencillas de centrar

Lo nuevo de Css3 para position

El documento del W3c "CSS Positioned Layout Module Level 3" introduce novedades sobre el posicionamiento de los elementos. Entre otras añade dos propiedades que podrán ser utilizadas para lograr centrar elementos:
Position: Center;
Position: Page;
Te remito a este artículo del blog donde ya las comenté.

CSS Box Alignment Module Level 3

Con la aparición de nuevas características de Css y los documentos del consorcio que las desarrollan se introducen verdaderas revoluciones como son el Flexbox y el Css Grid Layout. Los flex container y grid container crean espacios con características totalmente nuevas.
En ellos los ítems también necesitan de novedades para su correcto manejo. Un aspecto relativo a la distribución de los ítems respecto a su contenedor y respecto a ellos lo cubre y da respuesta el nuevo documento "CSS Box Alignment Module Level 3". Lo tienes explicado en el artículo [novb 2015] CSS Grid y el módulo Box Alignment.

Float: positioned

Sí, aún me dejaba una última para el final. Junto a las posiciones anteriores, Css3 en el documento "CSS Floats and Positioning Level 3" define el nuevo valor para la propiedad float: positioned. Este valor, junto a las propiedades de posicionamiento (top/bottom y left/right) también posibilita nuevas formas de centrar. Échale un vistazo al documento que te enlazo para ir conociendo lo más nuevo.

A modo de resumen final

Al plantearse el centrado de un elemento antes de escribir ni una sola línea de código Css hay que evaluar qué tipo de elemento es, qué contiene y dónde está contenido, así como proveer una serie de variables y las circunstancias en las que se desea lograr el centrado. Así se evitarán sorpresas desagradables y desesperar porque lo que pensábamos que iba a funcionar no lo hace como querríamos.
Espero que tu caso esté entre los que acabo de recoger en el post, porque sin pretender recopilar y dar una solucción a todos los posibles, sí creo que están los más comunes.
Lo que sí he dejado sin tratar es la alineación simultánea de varios elementos. O lo que es lo mismo: cómo distribuir equitatívamente varios hermanos en su caja padre. Este ya es tema para otro artículo:
Alineación simultánea: 3 dobles centrados de cajas en número y tamaño dispares.

Fuente: https://escss.blogspot.com/2012/05/centrando-al-centro-con-css-16-maneras.html

Ocultar id y class en CSS

Para ocultar por id o por la clase en CSS se usa el siguiente código:


<div class="nombre_clase">Contenido 1</div> 
<div id="nombre_id">Contenido 2</div> 

#nombre_id { display: none;}
.nombre_clase { display: none;}
Se ha producido un error en este gadget.