Duda novato en CSS
Publicado por Roberto (8 intervenciones) el 06/05/2020 15:16:44
Buenas gente, como están, la cuestión es que estoy aprendiendo HTML y CSS por mi cuenta, totalmente autodidacta por internet entonces a veces me surgen dudas que por no tener a nadie como instructor pues me pierdo un poco, mi pregunta es la siguiente:
La cuestion es quee estoy practicando un blog que vi en youtube, pero haciendolo con algunas variaciones propias, entonces, la cuestion es que tengo una imagen en el header del logo, pero esta en CSS la quiero mandar al lado superior derecho del header , pero cuando le doy la funcion de margin left no se mueve nada la imagen, porque seria? .
Tengo algunas consulta, el nav lo puedo poner en el header o tiene que ir dentro de una etiqueta div? igualmente para el logo, lo tendria que poner en etiqueta div?
este es el codigo html que he practicado.. muchas gracias al que se tome el tiempo y me ayude con esto..
La cuestion es quee estoy practicando un blog que vi en youtube, pero haciendolo con algunas variaciones propias, entonces, la cuestion es que tengo una imagen en el header del logo, pero esta en CSS la quiero mandar al lado superior derecho del header , pero cuando le doy la funcion de margin left no se mueve nada la imagen, porque seria? .
Tengo algunas consulta, el nav lo puedo poner en el header o tiene que ir dentro de una etiqueta div? igualmente para el logo, lo tendria que poner en etiqueta div?
este es el codigo html que he practicado.. muchas gracias al que se tome el tiempo y me ayude con esto..
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog de Robby</title>
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<header>
<h1>Mi Blog</h1>
<div>
<nav>
<ul>
<li><a href="">Principal</a></li>
<li><a href="">Ayuda</a></li>
<li><a href="">Contacto</a></li>
</ul>
</nav>
</div>
<img src="logo.jpg" alt="Logo del Blog">
</header>
<section class="primero">
<article>
<h1> Lorem 1</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda nobis enim, mollitia debitis repellat modi velit magni sapiente tenetur, saepe dolorem earum officiis odio, ad ea vero eveniet quae fugiat.</p>
<footer>Creado por Lorem </footer>
</article>
<article>
<h1> Lorem 2</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda nobis enim, mollitia debitis repellat modi velit magni sapiente tenetur, saepe dolorem earum officiis odio, ad ea vero eveniet quae fugiat.</p>
<footer>
<address>
<a href="http://www.google.com">Visita Google</a>
</address>
</footer>
</article>
</section>
<section class="segundo">
<h1>Lorem 3</h1>
<p> <span>Lorem</span> , ipsum dolor sit amet consectetur adipisicing elit. Ad maiores repellat alias minus, consectetur at, eum voluptatum totam praesentium qui architecto a repudiandae similique adipisci blanditiis veritatis dolores obcaecati est. <br> <br>
Necessitatibus quidem assumenda, nulla, tenetur minima aut quos architecto possimus, ipsam nesciunt dolore! Officiis obcaecati temporibus, voluptates dicta ea autem?</p>
<footer>Creado por Lorem </footer>
</section>
<aside>
<blockquote>
Mensaje 1
</blockquote>
<blockquote>
Mensaje 2
</blockquote>
</aside>
<footer>
Derechos Reservados 2020
</footer>
</body>
</html>
Valora esta pregunta
0
