Posición CSS, Diseñador HTML, Opciones (Cuadro de diálogo)
Actualización: noviembre 2007
La página Posición CSS define opciones que determinan cómo se colocan los elementos en la vista Diseño cuando se crean utilizando cualquiera de estos métodos:
Arrastrar el elemento desde el Cuadro de herramientas.
Arrastrar el elemento desde otro origen, por ejemplo otra página.
Pegar un elemento copiado previamente en el Portapapeles.
Para obtener acceso a este cuadro de diálogo
En Microsoft Visual Web Developer, haga clic en Herramientas y, a continuación, en Opciones.
Se abrirá el cuadro de diálogo Opciones.
En el panel de la izquierda, abra el nodo Diseñador HTML y haga clic en Posición CSS.
Si ha configurado el entorno para el desarrollo Web, los elementos de este nodo no estarán disponibles a no ser que active la casilla de verificación Mostrar todas las configuraciones. Para obtener más información sobre configuraciones de entorno, vea Cómo: Cambiar configuraciones seleccionadas.
.gif "Nota") Nota: |
|---|
Encontrará opciones HTML adicionales en el nodo Editor de texto, HTML, que está visible cuando se ha activado la casilla de verificación Mostrar todas las configuraciones. |
Para obtener más información sobre el formato de código HTML, vea Aplicar formato a los elementos en el Editor HTML de Visual Web Developer.
Tareas
Elementos de interfaz de usuario
Opciones de posición
Cambiar la posición a lo siguiente para los controles agregados utilizando el Cuadro de herramientas, pegar o arrastrar y soltar
Especifica la opción de posición de la hoja de estilo en cascada (CSS) predeterminada para los elementos que se coloquen o peguen en la página en la vista Diseño. La información de posición se especifica utilizando la propiedad position del atributo style de un elemento.Este valor no tiene ningún efecto en la vista Código fuente.
Si desactiva la casilla de verificación, el editor coloca o pega los elementos exactamente como se definieron en el Cuadro de herramientas u otro origen, o como se copiaron en el Portapapeles, sin ningún cambio en los atributos de posición del elemento. Si activa la casilla de verificación, cuando pegue o arrastre elementos el editor establecerá sus atributos de posición de acuerdo con la opción seleccionada.
Valor
Descripción
En posición absoluta
El editor establece la propiedad position en absolute y establece las propiedades de estilo z-index, left y top. La posición 0,0 se define basándose en el elemento primario del elemento actual. El elemento primario es el primer elemento contenedor que tiene información de posición. Si el elemento actual no tiene ningún elemento contenedor con posición, la información de posición se calcula basándose en el elemento body.
En posición relativa
El editor establece la propiedad position en relative y establece las propiedades de estilo z-index, left y top. Esta opción difiere de En posición absoluta en que la posición 0,0 se define respecto a donde se encuentra el elemento en el flujo de la página. Un elemento con una posición relativa y las propiedades top y left establecidas en 0 aparece en el flujo como normal.
En posición estática
El editor establece la propiedad position en static. El efecto es que el control se representa utilizando el diseño de flujo. Establecer una posición en static resulta útil si desea reemplazar explícitamente la configuración de estilo que el elemento podría heredar de una hoja de estilo en cascada.
No hay atributo de posición
El editor quita toda la información de posición. El efecto es que el control se representa de forma predeterminada utilizando el diseño de flujo. La posición del control podría verse afectada por una configuración de estilo heredada de una hoja de estilo en cascada.
Para obtener detalles sobre el efecto del atributo position, busque "position attribute" o "position property" en MSDN Library.
Ajustar las posiciones y los tamaños basados en píxeles a la configuración siguiente
Restringe el arrastre a una cuadrícula invisible cuyo espacio se puede establecer. La configuración sólo se aplica a elementos en los que la información de posición se establece en píxeles.Nota:Puede arrastrar elementos que no tienen información de posición, o en los que la propiedad position se establece en static. Sin embargo, sólo puede arrastrarlos dentro del flujo del documento, no a ubicaciones arbitrarias en la página.
Espaciado horizontal
El número de píxeles entre las pausas horizontales en la cuadrícula invisible.Espaciado vertical
El número de píxeles entre las pausas verticales en la cuadrícula invisible.