HTML - Ayuda con problema el cual no se el nombre

   
Vista:

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

Ayuda con problema el cual no se el nombre

Publicado por xve (1518 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

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