From 3fe9f28e94ca14005f0d851d98968dcd35535778 Mon Sep 17 00:00:00 2001 From: jorge Date: Mon, 29 Apr 2019 12:33:36 +0200 Subject: [PATCH 1/6] Hecho --- m1/index.html | 112 +++++++++++++++++++++++++++++--------------------- m1/style.css | 58 ++++++++++++++++++++++++-- 2 files changed, 120 insertions(+), 50 deletions(-) diff --git a/m1/index.html b/m1/index.html index 3e954d7..dde08c4 100644 --- a/m1/index.html +++ b/m1/index.html @@ -1,58 +1,76 @@ - -EXERCICI HTML-CSS - - - + + EXERCICI HTML-CSS + - - - - - - Mi sitio web - - - Inicio - Blog - Sobre mi - Fotos - Portfolio - Contacto - Enlaces - - - - -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare sapien ac nibh vulputate feugiat. Morbi euismod velit sit amet libero volutpat ultrices in quis sem. Sed sit amet placerat sem. Curabitur vitae lectus nec purus accumsan faucibus. Donec vitae volutpat tortor. Suspendisse tempor rutrum urna, in consequat est tincidunt vitae. Cras et ligula at felis placerat tempor. Fusce elementum metus non justo luctus iaculis.

-

Donec ligula arcu, sagittis lacinia nibh et, consequat gravida turpis. Aenean nec scelerisque felis. Integer nec odio sed lorem mattis rhoncus quis quis nibh. Praesent non fringilla nisi. Duis porta placerat mattis. Aenean in mollis odio, at egestas massa. Quisque in lectus magna. Vestibulum vel faucibus massa, vel varius tortor. Maecenas et laoreet neque, ut semper neque. Suspendisse aliquet, nisl vel pharetra ultricies, elit felis molestie sem, ac scelerisque turpis tortor non lacus.

- - - © 2019 Vuestro nombre y apellidos + + + diff --git a/m1/style.css b/m1/style.css index b3bc789..f354aeb 100644 --- a/m1/style.css +++ b/m1/style.css @@ -3,17 +3,43 @@ . márgenes, padding, fuente (verdana, sans-serif con tamaño 120% y altura 160%) y fondo con color (#F2F5FE) e imagen (fondo.gif) repetida en el eje horizontal */ -/* El contenedor tendrá las siguientes características: - ancho 80% color de fondo blanco */ +body { + margin: 0%; + padding: 0%; + font-family: Verdana, Geneva, Tahoma, sans-serif; + font-size: 120%; + font-weight: 160%; + background-image: url(./fondo.gif); + + +} + +.cuerpo{ + margin: 10%; + background-color: #F2F5FE; + +} /*La cabecera de la página contendrá el título con enlace al directorio del contenido de la página. Las características serán: Fondo: Color:#233C9B Padding: 10px; Texto: -color de texto: #FFF, fuente georgia, serif y tamaño 260%. Al pasar el mouse por encima tomará el color: #B5C4E3; +color de texto: #FFF, fuente georgia, serif y tamaño 260%. Al pasar el mouse por encima tomará el color: ; Altura de línea: 35px*/ +.titulo{ + padding: 10px; + background: #233C9B; + color: #FFF; + font-weight: 35px; + +} +.titulo:hover{ + color:#B5C4E3; +} + + /* Al menú de navegación se le aplicará el siguiente formato: - Estará centrado con respecto a la cabecera - los elementos estarán separados por un espacio de 5px @@ -23,7 +49,33 @@ Altura de línea: 35px*/ - los elementos tendrán un espacio de relleno de 5px por arriba y abajo y 15px izqda-dcha. - El fondo del elemento será #253575 - Al pasar el mouse por encima adquirirá el color de fondo #31479B;*/ + nav { + position: relative; + display: block; + text-decoration: none; + border-top: 1px solid #000; + border-right: 1px solid #000; + border-bottom: 1px solid #000; + width: 100%; + list-style: none; + + } + img{ + width:200px; + height:200px; + display: block; + margin: auto; + } + article { + float: left; + text-align: center justify; + width: 79%; + } + aside { + float: right; + width: 19%; +} /* La sección principal tendrá las siguientes características: - ancho: 79% From 4edc05aba4329be05df572547edc64da6a8b96ee Mon Sep 17 00:00:00 2001 From: jorge Date: Mon, 29 Apr 2019 12:34:12 +0200 Subject: [PATCH 2/6] Hecho --- m1/style.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/m1/style.css b/m1/style.css index f354aeb..4027c69 100644 --- a/m1/style.css +++ b/m1/style.css @@ -6,7 +6,7 @@ en el eje horizontal */ body { margin: 0%; padding: 0%; - font-family: Verdana, Geneva, Tahoma, sans-serif; + font-family: Verdana, Tahoma, sans-serif; font-size: 120%; font-weight: 160%; background-image: url(./fondo.gif); @@ -17,6 +17,7 @@ body { .cuerpo{ margin: 10%; background-color: #F2F5FE; + overflow: hidden; } @@ -76,6 +77,12 @@ Altura de línea: 35px*/ float: right; width: 19%; } +footer{ + padding: 10px; + background: #233C9B; + color: #FFF; + font-weight: 40px; + /* La sección principal tendrá las siguientes características: - ancho: 79% From 533cb0eb050a72947028e561d3bcb95b2e0b8471 Mon Sep 17 00:00:00 2001 From: jorge Date: Mon, 29 Apr 2019 12:39:38 +0200 Subject: [PATCH 3/6] Modificado --- m1/style.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/m1/style.css b/m1/style.css index 4027c69..d1cf4c8 100644 --- a/m1/style.css +++ b/m1/style.css @@ -82,7 +82,7 @@ footer{ background: #233C9B; color: #FFF; font-weight: 40px; - +} /* La sección principal tendrá las siguientes características: - ancho: 79% @@ -98,5 +98,4 @@ footer{ - color de la fuente blanco - color de fondo: #233C9B - altura del elemento 40px; -*/ - +*/ \ No newline at end of file From 231f71ae4d7c2951de6aae9f6022a899fdbb64c1 Mon Sep 17 00:00:00 2001 From: jorge Date: Mon, 29 Apr 2019 12:42:25 +0200 Subject: [PATCH 4/6] HOla --- m1/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/m1/style.css b/m1/style.css index d1cf4c8..13becc0 100644 --- a/m1/style.css +++ b/m1/style.css @@ -81,7 +81,7 @@ footer{ padding: 10px; background: #233C9B; color: #FFF; - font-weight: 40px; + font-weight: 39px; } /* La sección principal tendrá las siguientes características: From 9af547c6ed0688307515f43ffa96ee3935de093d Mon Sep 17 00:00:00 2001 From: jorge Date: Mon, 29 Apr 2019 13:15:23 +0200 Subject: [PATCH 5/6] Ignasi --- m1/style.css | 44 ++++++++++++++++++++++++++++++-------------- 1 file changed, 30 insertions(+), 14 deletions(-) diff --git a/m1/style.css b/m1/style.css index 13becc0..87f5f4c 100644 --- a/m1/style.css +++ b/m1/style.css @@ -10,6 +10,7 @@ body { font-size: 120%; font-weight: 160%; background-image: url(./fondo.gif); + background-repeat: repeat-x; } @@ -50,16 +51,22 @@ Altura de línea: 35px*/ - los elementos tendrán un espacio de relleno de 5px por arriba y abajo y 15px izqda-dcha. - El fondo del elemento será #253575 - Al pasar el mouse por encima adquirirá el color de fondo #31479B;*/ - nav { - position: relative; - display: block; + nav ul{ + text-align: center; + } + nav ul li{ + background-color: #253575; + margin-right: 5px; + display: inline-block; + padding: 5px 15px; + } + nav ul li a{ + font-size: 95%; text-decoration: none; - border-top: 1px solid #000; - border-right: 1px solid #000; - border-bottom: 1px solid #000; - width: 100%; - list-style: none; - + color: #b5c4e3; + } + nav ul li:hover{ + background-color: #31479b; } img{ width:200px; @@ -67,20 +74,29 @@ Altura de línea: 35px*/ display: block; margin: auto; } + figcaption{ + text-align: center; + } article { - float: left; - text-align: center justify; width: 79%; + float: left; + padding: 30px 10px 60px 10px; + background-color: #FFF; } aside { - float: right; width: 19%; + float: left; + font-size: 0.85rem; + padding: 30px 10px 60px 10px; + background-color: #FFF; } footer{ - padding: 10px; + font-size: 90%; + padding: 5px 0; + color: #fff; + text-align: center; background: #233C9B; - color: #FFF; font-weight: 39px; } From a34b6a886816fc6930c6d5fb1c28cb92b269322d Mon Sep 17 00:00:00 2001 From: jorge Date: Mon, 29 Apr 2019 13:20:47 +0200 Subject: [PATCH 6/6] Ignasi Final --- m1/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/m1/style.css b/m1/style.css index 87f5f4c..14ea976 100644 --- a/m1/style.css +++ b/m1/style.css @@ -17,7 +17,6 @@ body { .cuerpo{ margin: 10%; - background-color: #F2F5FE; overflow: hidden; } @@ -92,6 +91,7 @@ Altura de línea: 35px*/ background-color: #FFF; } footer{ + clear: both; font-size: 90%; padding: 5px 0; color: #fff;