Problemas con el Aside
Publicado por Victor Hidalgo (1 intervención) el 10/12/2021 13:48:13
Buenas,
Estoy aprendiendo a maquetar una pagina web, pero me he encontrado el error de que el aside no se porque se me pone en el centro y yo en el CSS ya le he puesto el float a la derecha pero no se coloca. Si alguien responde muchas gracias :D
Les dejo el código:
HTML
CSS
Gracias!!
Estoy aprendiendo a maquetar una pagina web, pero me he encontrado el error de que el aside no se porque se me pone en el centro y yo en el CSS ya le he puesto el float a la derecha pero no se coloca. Si alguien responde muchas gracias :D
Les dejo el código:
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="title" content="EJEMPLO">
<meta name="description" content="HTML5">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="Navidad.css" rel="stylesheet" type="text/css"/>
<title>Mi pagina web</title>
</head>
<body>
<header>
<h1>Navidad</h1>
<p style="font-size:30px; color:#DA640D; " >Fiestas y Tradiciones</p>
</header>
<ul class="menu">
<li><a href="file:///C:/Users/victorhidsan/OneDrive%20-%20Centre%20d'Estudis%20Monlau/Desktop/Pagina%20Web%201/Pagina%20Web/Inicio/inicio.html">Inicio</a></li>
<li><a href="file:///C:/Users/victorhidsan/OneDrive%20-%20Centre%20d'Estudis%20Monlau/Desktop/Pagina%20Web%201/Pagina%20Web/pascua/pascua.html">Pascua</a></li>
<li><a href="file:///C:/Users/victorhidsan/OneDrive%20-%20Centre%20d'Estudis%20Monlau/Desktop/Pagina%20Web%201/Pagina%20Web/navidad/Navidad.html#">Navidad</a></li>
<li><a href="file:///C:/Users/victorhidsan/OneDrive%20-%20Centre%20d'Estudis%20Monlau/Desktop/Pagina%20Web%201/Pagina%20Web/contacto/contacto.html">Contacto</a></li>
</ul>
<div class="row">
<aside>
<h2>Enlaces</h2>
<ul>
<li><a href="https://portal.clubrunner.ca/7988/stories/historia-de-la-navidad-y-su-origen">Navidad</a></li>
<li><a href="https://es.wikipedia.org/wiki/Navidad">Wikipedia-Navidad</a></li>
<li><a href="https://elpais.com/noticias/navidad/">ElPais-Navidad</a></li>
<li><a href="https://www.significados.com/navidad/">Significados-Navidad</a></li>
<li><a href="https://www.navidaddigital.com/">Navidad Digital</a></li>
<li><a href="https://www.muyinteresante.es/cultura/arte-cultura/fotos/curiosidades-de-la-navidad">Muy Interesante-Curiosidades</a>
<li><a href="https://www.elcorteingles.es/hogar/navidad/">Decoracion</a>
<li><a href="https://www.esmadrid.com/navidad-madrid">Navidad en Madrid</a>
</ul>
</aside>
</div>
<section>
<hr>
<article>
<h2>¿Que es la Navidad? </h2>
<p>La Navidad (en latín: nativitas ‘nacimiento’) es una de las festividades más importantes
del cristianismo, junto con la Pascua de resurrección y Pentecostés. Esta solemnidad, que
conmemora el nacimiento de Jesucristo en Belén, se celebra el 25 de diciembre en la Iglesiacatólica, en la Iglesia anglicana, en algunas comunidades protestantes y en la mayoría
de las Iglesias ortodoxas. En algunas de estas tradiciones también el 24, la Nochebuena
(inglés: Christmas Eve, alemán: Heilig Abend) y el 26 (Second day of Christmas, zweiter
Weihnachtsfeiertag) son partes importantes de la fiesta de Navidad.
En cambio, se festeja el 7 de enero en otras Iglesias ortodoxas como la Iglesia ortodoxa rusa o la Iglesia ortodoxa de Jerusalén, que no aceptaron la reforma hecha al calendariojuliano para pasar al calendario conocido como gregoriano, nombre derivado de su reformador,
el papa Gregorio XIII. El 25 de diciembre es un día festivo en muchos países celebrado por millonesde personas en todo el mundo y también por un gran número de no cristianos.</p>
</article>
<div class="logo">
</div>
<article>
<p>Los angloparlantes utilizan el término Christmas, cuyo significado es ‘misa (mass) de Cristo’.
En algunas lenguas germánicas, como el alemán, la fiesta se denomina Weihnachten, que significa
‘noche(s) consagrada(s)’. Las fiestas de la Navidad se proponen, como su nombre indica, celebrar
la Natividad (es decir, el nacimiento) de Jesús de Nazaret.
La Navidad inicia un periodo llamado tiempo de Navidad, que finaliza con la solemnidad del Bautismodel Señor. Coloquialmente, al periodo que comienza con la Navidad y finaliza con la Epifanía del
Señor también se le conoce como pascuas. Existen varias teorías sobre cómo se llegó a celebrar la Navidad el 25 de diciembre, que surgendesde diversos modos de indagar, según algunos datos conocidos, en qué fecha habría nacido Jesús.</p>
</article>
<hr>
<h2>¿Porque se celebra el 25 de Diciembre?</h2>
<article>
<p>La explicación más consistente de los historiadores es que el origen de la Navidad estuvo
relacionado con una serie de decisiones tomadas por los altos mandos de la iglesia cristiana
en los siglos III y IV. Entre ellas, se considera como la más determinante, la moción del Papa
Julio I en 350 para establecer la navidad el 25 de diciembre. Esto fue decretado 4 años después por el Papa Liberio. El por qué de la elección de esta fecha se relaciona con la necesidad de la recientemente oficializada religión cristiana de imponerse sobre los tradicionales cultos paganos romanos.En diciembre se celebraba en el gran espacio ocupado por el Imperio Romano- el culto a Saturno,
dios de la agricultura (principal sustento y actividad económica de estos pueblos). Las Saturnales
se realizaban del 17 al 23 de diciembre, los días más cortos del año, y luego el 25 de diciembre
se consideraba en nacimiento del nuevo sol.</p>
</article>
<article>
<p>La iglesia cristiana eligió entonces el 25 de diciembre como día del nacimiento de Jesús como
estrategia en su proceso de expansión, en el que sistemáticamente buscó absorber y fusionar sus celebraciones con los ritos paganos de los diversos pueblos convertidos. El ritual de la navidad fue evolucionando con los siglos, lo que festejamos hoy día es muy distante de estas primeras navidades, y responde principalmente a costumbres originarias del siglo XIX y a la influencia de la sociedad de consumo. De todos modos, la verdadera historia del origen de la navidad no debe distanciarnos de nuestrascreencias personales y familiares. Puesto que la esencia de estas fiestas trasciende lo histórico,
y reside en lo espiritual, y está muy bien que así sea.</p>
</article>
<hr>
<h2>Imagenes</h2>
<div class="logo2">
</div><hr>
<div class="logo3">
</div>
<hr>
</section>
</div>
<footer>
<h2>Footer</h2>
</footer>
</body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
*{
border-sizing:border-box;
}h1{color:#108FCF;
border:10%;
font-size:60px;
}body{font-family:Arial, Helvatica, sans-serif;
margin:0; padding:0;}.logo{
background:url("Jesucristo.jpg");
height:300px; width:300px; margin:auto; display:block;border-radius:50%;
box-shadow:5px 5px 0px #424242;
padding:10px; border:1px;}.logo2{
background:url("imagen.jpg");
height:600px; width:600px; margin:auto; display:block;border-radius:30%;
padding:10px; border:1px;filter: drop-shadow(8px 8px 10px green);
}.logo3{
background:url("navidad2.jpg");
height:700px; width:700px; margin:auto; display:block;border-radius:10%;
box-shadow:5px 5px 0px #424242;
padding:10px; border:1px;}header{background: url(navidad.jpg)no-repeat;
background-size:cover;
padding:50px;text-align:center;
}.menu{
list-style: none;
padding: 0;background:#092327;
width: 100%;
max-width:10000px;
margin:auto;}.menu li a{
text-decoration:none;
color:white; padding:20px; display:block;}.menu li{
display:inline-block;
text-align: center;
}.menu li a:hover{
background: #ef8354
}.row{
display: flex;flex-wrap:wrap;
}aside{background-color:beige;
padding:20px; flex:30px; border:2px solid; float:right;width:40%;
}section{flex:70%;
background-color:khaki;
padding:20px; border:2px solid;}footer{ padding:20px;text-align:center;
background-color:palevioletred;
}Gracias!!
Valora esta pregunta
0