menu ejercicio
Publicado por cesar (23 intervenciones) el 12/10/2019 23:05:20
En el codigo vemos que el menu tiene letras blancas y el submenu tiene letras azules no hay forma que se hagan blancas como las pide el ejercicio
lo otro es en esta parte
parece no funcionar pues el submenu no se desplaza a la izquierda nada
por otro lado en el submenu pone top 100 % pero al yo ponerlo se desaparece el submenu
Solucionarme aunque sea el cambio de color de las letras
Agradezco su ayuda
lo otro es en esta parte
1
2
3
4
5
.submenu .submenu{
top: 0%;
left: 100%;
}por otro lado en el submenu pone top 100 % pero al yo ponerlo se desaparece el submenu
1
2
3
4
5
6
7
.submenu{
display: none; display: block; position: absolute;top 100 %; ????
}Solucionarme aunque sea el cambio de color de las letras
Agradezco su ayuda
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
DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style>
body{font-size: 1.5em;
}body{font-size: 1.5em;
}.menu{
list-style: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;background: #333;
}.submenu{
display: none; display: block; position: absolute;}.submenu .submenu{
top: 0%;
left: 100%;
}.menu-item{
position: relative;}.menu-item:hover{
background: rbga(0,0,0,.5);
}.menu-item:hover .submenu{
display: block;}.menu-link{
color: #ddd;
text-decoration: none;
display: block;padding: .5em 1em;
}</style>
</body>
</html>
<nav class= "nav">
<ul class = "menu">
<li class="munu-item"><a class= "menu-link" href="#">Nosotros</a>
</li>
<li><a class="munu-item"><a class= "menu-link" href="#">Profesores</a>
</li>
<li><a class="menu-item"><a class= "menu-link" href="#">Cursos</a>
<ul class = "menu submenu">
<li class = ><a class= "munu-link" href="#">Programacion</a></li>
<li class ="munu-item"><a class= "munu-link" href="#">Diseño</a></li>
<li class ="munu-item"><a class= "munu-link" href="#">Emprendimiento</a>
<ul class =<"menu submenu">
<li class="munu-item"><a class= "munu-item" href="#">Gestion De Proyectos web</a></li>
<li class="munu-item"> <a class= "munu-item" href="#">Taller de Emprendimiento</a></li>
</ul>
</ul>
</li>
<li><a class="munu-item"><a class= "menu-link"href="#">Blog</a></li>
</li>
<li><a class="munu-item"><a class= "menu-link"href="#">Suscribete</a>
</li>
</nav>
</ul>
Valora esta pregunta
0
