Cómo usar las opciones de diseño en el panel de propiedades CSS de Dreamweaver

Posición: La opción Posición, disponible en la parte inferior de la sección Diseño del panel Propiedades, altera la forma en que se posicionan los elementos en una página. El posicionamiento puede cambiar drásticamente la forma en que los elementos a nivel de bloque (como tabla, lista, encabezado, párrafo y

etiquetas ) aparecen en un navegador.

  • Heredar: No es necesario especificar esta opción predeterminada. A menos que se seleccione otra opción, cada elemento hereda el posicionamiento de su elemento padre.
  • Estática: Coloque el contenido en su ubicación dentro del flujo del documento. Por defecto, todos los elementos HTML que se pueden posicionar son estáticos.
  • Absoluto: Utilice las coordenadas superior e izquierda para controlar la posición de un elemento en relación con la esquina superior izquierda de la ventana del navegador o la esquina superior izquierda de un elemento que contenga el elemento.
  • Corregido: Coloque un elemento relativo a la esquina superior izquierda del navegador. El contenido de un elemento que utiliza un posicionamiento fijo permanece constante incluso si el usuario se desplaza hacia abajo o a través de la página.
  • Pariente: Utilice una posición relativa al punto en el que inserte el elemento en la página o relativa a su contenedor.
  • Flotar: Alinee elementos, como imágenes y etiquetas <div>, a la izquierda o a la derecha de una página u otro contenedor, haciendo que el texto u otros elementos la envuelvan. Haga clic en los iconos en el campo Flotador para especificar las cuatro opciones siguientes: Heredar, derecha, izquierda o ninguna.
  • Borrar: Evita que el contenido flotante se superponga a un área a la izquierda o a la derecha, o a ambos lados de un elemento. Esta opción es útil cuando un elemento flotante, como una etiqueta <div> utilizada para crear una barra lateral, se superpone a otro elemento a nivel de bloque, como una etiqueta <div> utilizada para crear el pie de página.
  • Desbordamiento x e -y: Indique al navegador cómo mostrar el contenido de un elemento si el contenedor, como una etiqueta <div>, no puede ajustarse a la altura o anchura completa del elemento. Las opciones de desbordamiento son
  • Visible: Mantenga visible el contenido, como una imagen o texto, incluso si se expande más allá de la altura o el ancho definido de un contenedor.
  • Oculto: Corte el contenido si excede el tamaño del contenedor. Esta opción no proporciona barras de desplazamiento.
  • Desplazamiento: Añada barras de desplazamiento al contenedor independientemente de si su contenido excede el tamaño del elemento.
  • Auto:Hacer que las barras de desplazamiento aparezcan sólo cuando el contenido de un contenedor excede sus límites.
  • No Responses

    Write a response