User Tools

Site Tools


es:web_development:layout:padding_margin

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
es:web_development:layout:padding_margin [2022/03/17 16:48]
mag created
es:web_development:layout:padding_margin [2023/08/16 09:33] (current)
Line 6: Line 6:
 ==== Configuración ==== ==== Configuración ====
   * Continuaremos con la actividad anterior, pero es de esperar que haya perdido el código final porque ha estado jugando con los elementos de posicionamiento. Si es así, reemplace su código con el siguiente código.   * Continuaremos con la actividad anterior, pero es de esperar que haya perdido el código final porque ha estado jugando con los elementos de posicionamiento. Si es así, reemplace su código con el siguiente código.
-  * [[http://localhost/webdev/code/layout/1/es.phplayout.html]]+  * [[http://localhost/webdev/code/layout/1/es.php|layout.html]]
   * [[http://localhost/webdev/code/layout/1/style.php|style.css]]   * [[http://localhost/webdev/code/layout/1/style.php|style.css]]
  
Line 34: Line 34:
   * Agregue esto a su CSS '.content' y verifique los resultados.   * Agregue esto a su CSS '.content' y verifique los resultados.
   * Como elementos de 'bloque en línea', llenarán la línea y luego pasarán a la siguiente línea cuando la primera esté llena. Intenta hacer los bloques más anchos para ver esto en acción.   * Como elementos de 'bloque en línea', llenarán la línea y luego pasarán a la siguiente línea cuando la primera esté llena. Intenta hacer los bloques más anchos para ver esto en acción.
-<code>    width: 300px;</code>+<code>    width: 450px;</code>
   * Este ancho debería estirarlos hasta casi ocupar la pantalla. Luego puede desmaximizar la ventana y cambiar su tamaño para ver cómo responden los elementos.    * Este ancho debería estirarlos hasta casi ocupar la pantalla. Luego puede desmaximizar la ventana y cambiar su tamaño para ver cómo responden los elementos. 
 +
 +==== Codigo Final ====
 +  * [[http://localhost/webdev/code/layout/2/es.php|layout.html]]
 +  * [[http://localhost/webdev/code/layout/2/style.php|style.css]]
 +  * [[http://localhost/webdev/code/layout/2/layout.html|result]]
  
 [[es:web_development:layout:php|Siguiente: Mantener la Consistencia con PHP]] [[es:web_development:layout:php|Siguiente: Mantener la Consistencia con PHP]]
  
  
es/web_development/layout/padding_margin.1647560919.txt.gz · Last modified: 2023/08/16 09:33 (external edit)