HTML - Ayuda a poner un menu desplegable

 
Vista:
sin imagen de perfil

Ayuda a poner un menu desplegable

Publicado por german (1 intervención) el 28/04/2018 03:06:48
Tengo rato intentando y no se cual puede ser el error, quiero poner un menu desplegable en "especialidades" pero no puedo, puse el codigo en negritas, necesito ayuda este es el cogido:


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
<!DOCTYPE HTML>
<!--
	Massively by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>CBTIS #63</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-loading">
 
		<!-- Wrapper -->
			<div id="wrapper" class="fade-in">
 
				<!-- Intro -->
					<div id="intro">
						<h1>CBTIS #63</h1>
						<p>"Somos gente bien."</p>
						<ul class="actions">
							<li><a href="#header" class="button icon solo fa-arrow-down scrolly">Continue</a></li>
						</ul>
					</div>
 
				<!-- Header -->
					<header id="header">
						<a href="index.html" class="logo">Cbtis</a>
					</header>
 
				<!-- Nav -->
 
					<nav id="nav">
						<ul class="links">
							<li class="active"><a href="index.html">Inicio</a></li>
							<!-- Otras paginas -->
							<li><a href="Especialidades.html">Especialidades</a></li>
 
							<li><a href="elements.html">Contacto</a></li>
						</ul>
						<!-- Pagina de facebook -->
						<ul class="icons">
							<li><a href="https://www.facebook.com/CBTis-63-352167998218451/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
						</ul>
					</nav>
 
				<!-- Main -->
					<div id="main">
 
						<!-- Featured Post -->
							<article class="post featured">
								<header class="major">
									<span class="date">Abril/27/2018</span>
									<h2>Bachillerato Tecnológico C.B.T.i.s.</h2>
									<p>Centro de Bachillerato Tecnológico Industrial y de Servicios.</p>
								</header>
								<img src="images/pic01.jpg" alt="" width="800" height="500" /></a>
								<ul class="actions">
 
									<li><a href="#" class="button big">Localizanos</a></li>
								</ul>
							</article>
 
						<!-- Posts -->
							<section class="posts">
								<article>
									<header>
 
										<h2><a href="#">Calendario escolar</a></h2>
									</header>
									<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
									<p>Conoce el inicio de cursos, periodos vacacionales, suspensión de labores y más información relacionada al calendario escolar 2017 - 2018.</p>
									<ul class="actions">
 
									</ul>
								</article>
								<article>
									<header>
 
										<h2><a href="#">Nuevo ingreso</a></h2>
									</header>
									<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
									<p>Encuentra aquí toda la información que necesitas con referencia a las admisiones y oferta educativa.</p>
									<ul class="actions">
										<br>
 
 
									</ul>
								</article>
								<article>
									<header>
 
										<h2><a href="#">Becas</a></h2>
									</header>
									<a href="http://www.becasmediasuperior.sep.gob.mx/" class="image fit"><img src="images/pic04.jpg" alt="" /></a>
									<p>Encuentra información acerca de las convocatorias vigentes, requisitos y asuntos relacionados con las becas en nuestro plantel.</p>
									<ul class="actions">
 
									</ul>
								</article>
								<article>
									<header>
 
										<h2><a href="#">Facebook</a></h2>
									</header>
									<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
									<p>Enterate de todo lo nuevo en nuestra pagina de Facebook</p>
									<ul class="actions">
 
									</ul>
								</article>
 
				<!-- Copyright -->
 
			</div>
 
		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>
 
	</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de juan jose
Val: 165
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Ayuda a poner un menu desplegable

Publicado por juan jose (51 intervenciones) el 28/04/2018 10:19:09
no se lo que tienes en el css pero un desplegable es un ul, dentro de una li, mas su correspondiente css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!-- para que una id al nav que se llama nav? no tiene sentido -->
<!-- organizate mejor para ver las cosas bien por niveles con tabuladores -->
<nav id="nav">
	<ul class="links">
		<li class="active"><a href="index.html">Inicio</a></li>
		<li><a href="Especialidades.html">Especialidades</a>
			<ul><!-- 2º nivel -->
				<li>otro</li>
				<li>otro1</li>
				<li>otro2</li>
			</ul>
		</li>
		<li><a href="elements.html">Contacto</a></li>
		<li><a href="https://www.facebook.com/CBTis-63-352167998218451/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
	</ul>
</nav>

no se que quieres hacer con lo de facebook, pero el codigo esta muy enrevesado
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar