jueves, 28 de noviembre de 2013

Cómo alinear texto bajo Bullets en Dreamweaver

Puntos negros en las páginas Web muestran fuera del texto, por lo que cuando el texto de una bala tiene una duración de varias líneas, el texto nunca aparece bajo las balas. Puede cambiar la alineación del texto con viñetas para que no alinean bajo las balas, sin embargo. Utilice la opción "text-indent" propiedad de CSS (Cascading Style Sheets) para mover la bala en el texto, por lo tanto, colocándolo por encima de la segunda línea de texto. Editar su página Web en Dreamweaver utilizando la vista "Split" para crear su lista de viñetas y editar el CSS en el panel "Código".

Abra su página Web en Dreamweaver y seleccione "Código y Diseño" en el menú "Ver" en la parte superior de la pantalla.



Añadir etiquetas "estilo" debajo de las etiquetas "title" si ves a ninguno en el código HTML. Coloque el cursor en el "diseño" del panel en el que desea añadir una lista de viñetas si la página web no tiene todavía una. Haga clic en el icono de la lista de viñetas en el cuadro "Propiedades" y comience a escribir o resaltar el texto y haga clic en el icono para convertir el texto existente en una línea de la lista.



Ir a las etiquetas de "estilo" en el panel "Código" y agregar esta regla de estilo:

ul li {

text-indent: 15px;

}

Haga clic en el "diseño" del panel para ver cómo los efectos del código de su lista de viñetas. Ajuste el número de píxeles en el "texto-guión" propiedad según sea necesario.

 

No hay comentarios:

Publicar un comentario