centrado (html + css)
Post on 09-Jul-2016
237 Views
Preview:
DESCRIPTION
TRANSCRIPT
TEMA 12: CENTRAR EL CONTENIDO "ACTIVIDADES HTML5 Y CCS3"
EQUIPO: CYBER/IDEAS GRUPO: 4AMPGINTEGRANTES:*EDHER JAIR CORONA COYOTZI*ELIAS RODRIGUE CHIMAL*GERARDO MIGUEL QUECHOL ZARATE*HUGO EDUARDO HERNANDEZ MARQUEZ*JESUS ENRIQUE LUNA PEREZ
• CENTRAR LAS CAJAS EN LA PÁGINA• Uno de los mayores dolores de cabeza es el posicionamiento de bloques (<div>,
<section>, <header>, <aside>, etc..) en una ubicación determinada sin que éstos se muevan o descoloquen por cualquier cambio en el contenido anterior o posterior.
• Para ello, vamos a ver algunos aspectos a tener en cuenta:
• 1. Primero vamos a partir de un ancho global fijo de la página, que en este ejemplo será de 1000 píxeles. A partir de esta medida general (del <body>) el resto de bloques se centrarán según su propia anchura.
• En el CSS definimos la anchura del <body> y el posterior centrado de los bloques que contenga el <body>
• ACTIVIDAD: CENTRA EL CONTENIDO
• Esta actividad se basa en centrar el contenido tanto de los 3 <article> (que aunque parecen estar centrados no lo están formalmente) y los enlaces del <nav> siguiendos los siguientes pasos:• Centra totalmente los 3 <article> que en la actividad del tema
anterior separaste utilizando la propiedad 'margin'.• Centra el contenido del <nav>, dejando una separación del
<header> de 50 píxeles.
SE OCUPARA EL CODIGO (SITIO DE ACTIVIDADES ANTERIORES)
SE INGRESARA LA NUEVA SECCION DEL CODIGO
SE CENTRARIAN CORRECTAMENTE LAS DIVISIONES
• Deido a un fallo en el computador se uso este ejemplo, ya que las imágenes no estaban disponibles
• CENTRAR EL <NAV>
• Para centrar el <nav> vamos a darle la anchura justa que tiene y después configurar sus márgenes izquierdo y derecho en automáticos, para que se centre horizontalmente.• estilos.css
SE INGRESA EL CODIGO PARA EL CENTRADO
top related