Posicionado flotante saregune CC 2009.

Slides:



Advertisements
Presentaciones similares
Support.ebsco.com EBSCOadmin Personalización Tutorial.
Advertisements

HTML PROGRAMACION WEB.
Visualización de documentos XML con CSS
Mejoras realizadas Cuando un visitante se desplaza por la ventana del navegador, los contenidos de la ventana normalmente se desplazan arriba o abajo.
CAPITULO I. ARREGLOS Un arreglo es un grupo de posiciones en memoria relacionados entre si, por el hecho de que todas tienen el mismo nombre y son del.
CSS WALC 2004 – Track 2 Pep Turró Cuzco, octubre de 2004.
HTML Formato al texto.
SEPARANDO FORMA DE CONTENIDO Prof. Leonel Del Carpio
Etiqueta Título Los títulos o encabezamientos se emplean al comienzo de una sección. Las etiquetas que se usan son: Los títulos o encabezamientos se emplean.
HTML Estructura.
Desarrollo de Aplicaciones Web
CONTROLES BASICOS PARTE DEL ENTORNO DE VISUAL BASIC
Hypertext Markup Language HTML
Curso de Diseño Web Profesor: Mario Figge. El Modelo de Cajas (Box Model)
Anatomía de la declaración La declaración consta de dos partes:  Propiedad  Valor Selector Propiedad Valor A { color: #000013;}  La propiedad es una.
Disposición de la división de las páginas: La zona de contenido principal tendrá 25 píxeles de espacio en blanco en la parte izquierda superior. /*División.
Curso: XML, de los datos a la presentación Julio de 2005 CAPTIVA · eXtensible Stylesheet Language Formatting Objects.
CSS div.
Lección 4.
CSS Estructura.
Ingeniero de Sistemas – Universidad de Los Andes
Por principio un DIV, aunque su contenido sea muy pequeño ocupa todo el ancho de su padre generalmente el body, ya que son elementos de bloque. Recordar.
POW Tema 4: Mas sobre Hojas de Estilo. 2 Posicionamiento y Visualización Los factores que se tienen en cuenta para generar cada caja de las que se muestran.
DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB Elaboración de documentos web mediante lenguajes de marcas Posicionamiento con CSS.
APRENDE A CREAR TUS PROPIAS TABLAS DE HTML POR MARIA CATALINA GUTIERREZ PEÑA.
Creando una página JIMDO es.jimdo.com nos registramos y listo!!
Introducción a Windows Después de realizar esta practica ud. sabrá hacer lo siguiente: Abrir un programa Entender el funcionamiento del Explorador de Windows.
Instituto Tecnológico Superior “Daniel Álvarez Burneo” Propiedades de Tipo, Fondo, Bloque, Borde de CSS Integrantes: Anita Carrión Mercedes Rodríguez María.
HERAMIENTAS DE PRODUCCIÓN
Maquinas Digitales Funciones del Procesador Buscar instrucciones Interpretar instrucciones Buscar datos Procesar datos Escribir datos.
Jairo Andres Mutis MacDonald Hans Nieto Damian Sanchez Alejandro Garzón.
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
CSS CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS.
Clase 3 IMÁGENES Existen tres tipos de formato de imágenes que se pueden Insertar en un documento HTML: JPEG GIF PNG.
Tipos de gráfico Matemática.
Saregune CC 2009 CSS. CSS: Instrucciones para modelar visualmente la página web.
CSS – Layout. Modelo de cajas El box model Es seguramente la característica más importante del lenguaje de hojas de estilos CSS, ya que condiciona el.
Representación de números en binario
HTML saregune CC 2009.
HTML Formato al texto.
HTML5 & CSS3.
PASO 1 INGRESAR A POR EL NAVEGADOR GOOGLE CHROME.
3.- Ventana de propiedades del Menú de inicio y barra de tareas
Introducción a la Programación Multimedial
Categoría: Mejor comunicación del evento
Vista de documentos Diseño de impresión: En esta vista, se pueden aplicar formatos y realizar la mayoría de las tareas habituales En esta vista no se ven.
Programación PHP saregune CC 2009.
CSS fondos saregune CC 2009.
MANEJO DE ARCHIVOS DIGITALES
algunas ideas sobre Tipografía
CONTROLES BÁSICOS VB.NET
SQL AVANZADO saregune CC 2009.
MANEJO DE VENTANAS El Sistema Operativo Windows basa su interfaz en el uso de ventanas. Es decir, cada aplicación se abre en un recuadro llamado ventana,
Tema 4 Lenguaje HTML Parte 4.
13 Clase/ 5 de noviembre 2015/ Jueves --Exposiciones -Estructura del Cuerpo HTML 5 -CCS --Maquetación en Dreanweaver.
PANTALLA LCD.
Escribe el nombre a los números 1 _______________________ 2 _______________________ 3_______________________ 4_______________________ 5 _______________________.
Características del navegador Opera
CSS: “CASCADING STYLE SHEETS”
Rogelio Ferreira Escutia
DONES DEL ESPÍRITU SANTO PENTECOSTÉS Avance automático.
FÓRMULAS Una fórmula es la representación de una operación aritmética en una hoja de cálculo. Características: Siempre comienza por el signo igual(=) ó.
HTML.
UTILIZANDO EL BLOCKCAD PARA HACER UNA BANDERA
Alinear a la derecha Añadir un espacio aquí para que las letras no se vean pegadas al margen inferior.
MICROSOFT WINDOWS ES UN SISTEMA QUE NOS PERMITE REALIZAR OPERACIONES (ACCIONES). ADEMÁS ES LA BASE SOBRE LA QUE SE INSTALAN LOS DEMAS PROGRAMAS DE MENOR.
EL PROCESO DE ESCRITURA.
Contenido.
Transcripción de la presentación:

Posicionado flotante saregune CC 2009

desbordamientos Desbordamientos ¿Qué hacer cuando un elemento no cabe en el espacio asignado?

desbordamientos Desbordamientos y ¿por qué le hemos asignado un espacio sin conocer de antemano su contenido?

desbordamiento 1) Ocultarlo El contenido “sobrante” no se muestra.

desbordamiento 2) Visible Mostrar el contenido “sobrante” aún a riesgo de sobre-escritura..

3) Scroll Añadir dos bonitas barras de scroll (desplazamiento) desbordamiento 3) Scroll Añadir dos bonitas barras de scroll (desplazamiento)

desbordamiento 4) que decida el browser Dejar que el navegador decida la mejor solución: estirar el contenedor o añadir scroll

overflow: hidden ocultar visible .. scroll .. auto correción navegador CSS overflow: hidden ocultar visible .. scroll .. auto correción navegador

consejos overflow: Si no forzamos tamaños, no deberemos preocuparnos por el overflow, salvo....

Posicionado flotante Dos elementos flotantes (son hermanos)

Posicionado flotante Un elementos flotante en otro

Posicionado flotante técnicas #contenedor { overflow: auto } Los contenedores 'no se estiran', para acoger elementos hijos flotantes.

Posicionado flotante errores sin overflow: auto, el elemento no se estira, y se sobre-escribe el siguiente.

Posicionado flotante técnicas controlar anchos de los elementos ¿caben los contenidos en el contenedor?

errores Posicionado flotante si no caben..se desplazan abajo

nuestro amigo IE6 correciones es necesario añadir un elemento “rompedor” HTML: <div class='clear'></div> break CSS: div.clear { clear: both }

Error IE6 nuestro amigo IE6 es necesario añadir un elemento “rompedor”

CSS Es confuso ya que: position: no aparece float. float: no vale con position: absolute clear: afecta display: se adecua a block, salvo none

CSS: float float: left | right | none | inherit left flota a la izquierda right flota a la derecha none no flota

CSS: clear clear: left | right | both | inherit left no hay flotantes a la izquierda. right no hay flotantes a la derecha. both no hay flotantes.

Debilidades posicionado flotante Es difícil controlar que dos elementos flotantes, tengan la misma altura.

posicionado flotante solución fondo falso Fondo falso

posicionado flotante solución fondo falso Fondo falso