lunes, 25 de noviembre de 2013

Cómo conseguir una mesa para alinear a la derecha en DIV

El atributo DIV de diseño de sitios web HyperText Markup Language código le permite aplicar formato y estilo a una sección específica de una página Web sin necesidad de cambiar el formato y el diseño de las otras partes de la página. Esta es una técnica de codificación de utilidad para la aplicación de diferentes formatos y estilos para los elementos de diseño distintos en una página, incluyendo los menús de navegación, banners, cajas y menús laterales. Para configurar una tabla para alinear a la derecha de la página Web, colóquelo dentro de una sección DIV y agregar un atributo de alineación con el código DIV.



Inicie el software de edición de HTML, el programa de diseño de sitio web o una aplicación de texto sin formato, como el Bloc de notas Microsoft.



Abra la página Web que contiene la tabla que desea alinear a la derecha.



Desplazarse a través de la página Web y busque el código HTML de la tabla. Se iniciará con una etiqueta HTML mesa y terminar con un tag / table.



Tipo div align = "right" inmediatamente antes de la etiqueta de la tabla. Escriba / div inmediatamente después de la etiqueta de cierre / table. Esto coloca a la mesa dentro de una división que está alineado a la derecha y mueve la tabla de la parte derecha de la página Web.



Guarde la página Web para aplicar los cambios. Cargue la página en el servidor web de la forma habitual, a través del panel de control del sistema de gestión de contenidos en línea de su anfitrión o con un programa de transferencia de archivos.

Consejos y advertencias

A pesar de haber alineado la mesa completa a la derecha, el contenido en el interior de las celdas de la tabla mantendrá su alineación original. Puede cambiar la alineación del contenido dentro de las células mediante la adición de un atributo de alineación a cada fila de la tabla. Por ejemplo, la alteración de la etiqueta tr para cada fila de tr align = "right" para alinear el contenido a la derecha, o al tr align = "center" para centrar el contenido.

 

No hay comentarios:

Publicar un comentario