Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » HTML » Ayuda con problema el cual no se el nombre

HTML - Ayuda con problema el cual no se el nombre

Volver
Nuevo Tema
<<>>
 
Vista:
sin imagen de perfil

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 Luis Acxis
Val: 2
Ha disminuido su posición en 23 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