HTML - Ayuda con problema el cual no se el nombre

 
Vista:
sin imagen de perfil
Val: 1
Ha aumentado su posición en 55 puestos en HTML (en relación al último mes)
Gráfica de HTML

Ayuda con problema el cual no se el nombre

Publicado por Matias (1 intervención) el 11/08/2017 20:12:24
Como veran por el titulos soy extremadamente nuevo en esto de HTML y la verdad tengo un problema muy simple, hice un menu, pero por alguna razon hay algo que hace que las palabras queden juntas,
Sin-titulo ese espacio reacciona (con un (hover) al mouse como un ente distinto
gfg osea quiero remover esos cuadrados en el centro.
(la pagina no es nada serio es solo un proyecto para mi.
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 xve
Val: 636
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Ayuda con problema el cual no se el nombre

Publicado por xve (1533 intervenciones) el 11/08/2017 21:58:21
Hola Matias, yo entiendo que el problema es el tipo de letra...

Puedes utilizar el estilo letter-spacing para separar las letras...
http://librosweb.es/referencia/css/letter-spacing.html
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
sin imagen de perfil
Val: 2
Ha disminuido su posición en 4 puestos en HTML (en relación al último mes)
Gráfica de HTML

Ayuda con problema el cual no se el nombre

Publicado por Luis Acxis (1 intervención) el 13/08/2017 05:42:09
Hola Matias, de que manera estas creando el menu? si eres nuevo en HTML te recomiendo que tu menu lo hagasde esta forma

1
2
3
4
5
6
<ul>
  <li><a href="#historia">Historia</a></li>
  <li><a href="#Temporadas">Temporadas</a></li>
  <li><a href="#Personajes">Personajes</a></li>
  <li><a href="#jutsus">Jutsus</a></li>
</ul>

y luego agreges un estilo para que tu menu quede como lo quieres, asi seria el codigo final.

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
<!DOCTYPE html>
<html>
<head>
<style>
ul {
width:100%;
list-style-type: none;
margin: 50px;
padding: 10px;
overflow: hidden;
}
 
li {
float: left;
 
border:1px solid #FFFFFF;
margin-left:10%;
background-color: orange;
 
}
 
li a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}
 
li a:hover {
background-color: red;
}
</style>
</head>
<body>
 
<ul>
<li><a href="#historia">Historia</a></li>
<li><a href="#Temporadas">Temporadas</a></li>
<li><a href="#Personajes">Personajes</a></li>
<li><a href="#jutsus">Jutsus</a></li>
</ul>
 
</body>
</html>
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
Revisar política de publicidad