HTML - Puntos a eliminar en menus desplegables

   
Vista:

Puntos a eliminar en menus desplegables

Publicado por ANTONIO GOMEZ HIERRO angohiisla@hotmail.com (5 intervenciones) el 11/06/2015 16:37:39
Hola: He conseguido editar un simple menú desplegable (consultando aquí y allá), pero no logro eliminar esos puntos o círculos junto a cada opción del menú. ¿Cómo hacerlo?
Adjunto el archivo en cuestión. Muchas gracias.

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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Tutorial Menu Desplegable</title>
  <style>
	<head>
 
.menu{
	list-style:none;
	padding:0px
	margin:0px;
}
.menu li{
	margin:auto;
	padding:0px;
	float:left;
	position:relative;
	box-shadow: 2px 2px 4px 1px #CCFFCC;
}
.menu li a{
	display: block;
	width: 150px;
	height: 30px;
	padding: 6px;
	line-height:30px;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	background-color: #063;
	position: relative;
	border-left: 2px solid #333;
}
.menu li a:hover{
	color:#CCFFCC;
	BACKGROUND-COLOR:#99CC66;
}
.menu ul{
	position:absolute;
		left:10px;
		top:36px;
		margin:0px;
		list-style:none;
		padding:0px;
		opacity:0;
		transition:opacity .35s ease .2s;
		-webkit-transition:opacity .35s ease .2s;
		-moz-transition:opacity .35s ease .2s;
		-o-transition:opacity .35s ease .2s;
		visibility:hidden;
}
.menu ul li a{
	border-bottom:2px solid #CCFFCC;
	border-left:none;
	display:block;
	text-align:left;
}
.menu li:hover ul{
	opacity:1;
		visibility:visible;
}
<body>
	<div id="header">
		<ul class="nav">
			<li><a href="">Inicio</a></li>
			<li><a href="">Departamentos</a></li>
			<li><a href="">Secretaría de</a></li>
			<li><a href="novedades.html">Novedades</a><li>
			</style>
</head>
<body>
<br>
<br>
<br>
<br>
<table
 style="width: 1000px; height: 32px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td><br>
      <ul class="menu">
        <li style="font-weight: bold;"><big> <a
 href="file:///C:/Users/USUARIO/Mis_Webs/web_nvu_prueba/index.html">Inicio</a></big></li>
        <li> <big style="font-weight: bold;"><a href="acercade.html">Departamentos</a></big>
          <ul>
            <li> <a href="historial.html%22">Historia</a></li>
            <li> <a href="trabajos.html">Trabajos</a></li>
            <li> <a href="sede.html">Sede</a></li>
          </ul>
        </li>
        <li> <big style="font-weight: bold;"><a href="contacto.html">Contacto</a></big>
          <ul>
            <li> <a href="telefono.html">Telefono</a></li>
            <li> <a href="correo.html">Correo</a></li>
            <li> <a href="oficinas.html">Oficinas</a></li>
          </ul>
        </li>
        <li style="font-weight: bold;"><big> <a
 href="file:///C:/Users/USUARIO/Mis_Webs/web_nvu_prueba/index.html">Secretar&iacute;a</a></big></li>
        <li style="font-weight: bold;"><big> <a href="novedades.html">Novedades</a></big></li>
      </ul>
      <br>
      </td>
    </tr>
  </tbody>
</table>
<a href="historial.html%22"></a>
<ul class="menu">
  <li>
    <ul>
    </ul>
  </li>
  <li> <br>
  </li>
</ul>
</body>
</html>

Espero tengan la amabilidad y la paciencia de mostrarme la forma de corregir este "fallo", pues no quiero la presencia de dichos círculos en los menús.

Antonio Gómez
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 Administrador

Puntos a eliminar en menus desplegables

Publicado por Administrador (3 intervenciones) el 11/06/2015 21:07:17
Hola Antonio, cuidado con el </style> que lo tienes mal puesto!!!

para quitar los puntos en el <ul> es con el estilo: list-style: none;
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Puntos a eliminar en menus desplegables

Publicado por Antonio Gómez angohiisla@hotmail.com (5 intervenciones) el 12/06/2015 10:49:59
Muchas gracias por la respuesta a mi consulta. Pero no me ha sido útil ya que sustituyendo la instrucción </style> por la que me indican:
Hola Antonio, cuidado con el </style> que lo tienes mal puesto!!! para quitar los puntos en el <ul> es con el estilo: list-style: none;

no funciona, o sea que no aparece nada en pantalla al abrir el navegador. ¿Sería posible que me indicaran en qué línea de instrucción tendría que insertar: "list-style:none"?

Gracias.
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
Imágen de perfil de MIGUEL ANGEL

Puntos a eliminar en menus desplegables

Publicado por MIGUEL ANGEL (4 intervenciones) el 16/11/2015 23:05:09
Hola para eliminar empieza el CSS con


ul,li,a{
text-decoration:none
}

Es como aplicar un reset
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar