HTML - como poner un menu con una linea arriba y abajo

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

como poner un menu con una linea arriba y abajo

Publicado por ximena (28 intervenciones) el 03/05/2018 21:46:03
Vi un tutorial pero el css no me ayudo mucho.https://www.bloggerpasoapaso.com/2016/06/tutorial-blogger-personalizar-menu-paginas.html

ya lo puse en ambos sitios tanto el editor css y el HTML,pero aun nada.

intente hacerlo con el text-decotaion overline underline pero solo se convierte por cada enlace.


1
2
3
4
5
6
7
8
9
10
11
.PageList a{
display: inline.block
 
}
 
 
 
.PageList a{
text-decoration: overline underline;
 
}



quiero que se vea como el del tutorial.
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 santi
Val: 88
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

como poner un menu con una linea arriba y abajo

Publicado por santi (31 intervenciones) el 04/05/2018 00:28:12
Hola,

este css no está bien escrito:

1
2
3
4
.PageList a {
display: inline-block; /* se escribe con el guión en medio */
text-decoration: underline;/* o overline o underline una de las dos */
}

*Recuerda cerrarlo con ";" cada vez que añades una línea...

Por lo demás la verdad que con el tutorial se explica bastante bien. Si siguies todos los pasos tendrás el resultado ;)
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: 81
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

como poner un menu con una linea arriba y abajo

Publicado por ximena (28 intervenciones) el 04/05/2018 01:18:59
Si disculpa, pero de hecho si lo hice de tal forma.otra cosa: si es por lo del tutorial,si me hubiera salido como deberia no hbiese preguntado.
ella tiene otra platilla;no en todas funcionan ciertas etiquetas y selectores.
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 juan jose
Val: 165
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

como poner un menu con una linea arriba y abajo

Publicado por juan jose (51 intervenciones) el 04/05/2018 13:42:16
D4D


HTML



1
2
3
4
5
6
7
8
<nav class="nav1">
    <ul>
        <li><a href="#">ESTUDIAR</a></li>
        <li><a href="#">UN</a></li>
        <li><a href="#">POCO</a></li>
        <li><a href="#">MAS</a></li>
    </ul>
</nav>


CSS



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
*{
    padding:0;
    margin:0;
}
.nav1{
    width:600px;
    margin:0 auto;
}
.nav1 li{
list-style:none;
display:inline;
padding: 5px 0;
}
.nav1 li a{
text-decoration:none;
color:maroon;
font-weight: bold;
height:60px;
line-height:60px;
padding: 10px 20px;
}
 
.nav1 li:hover{
border-top:3px solid yellowgreen;
border-bottom:3px solid yellowgreen;
}

No es siempre todo lo que parece, debeis de conocer todo lo que teneis a mano para poder hacer cualquier cosa.

Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar
sin imagen de perfil
Val: 81
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

como poner un menu con una linea arriba y abajo

Publicado por ximena (28 intervenciones) el 04/05/2018 15:39:29
ya lo logre, pero sucede que hay un pequeño margen a la esquina que no lo completa
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 juan jose
Val: 165
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

como poner un menu con una linea arriba y abajo

Publicado por juan jose (51 intervenciones) el 04/05/2018 17:34:18
si puedes haz una captura de la pantalla, mostrando lo que pasa y el codigo, lo que tu dices marcado en la imagen con algun marcador
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
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

como poner un menu con una linea arriba y abajo

Publicado por juan jose (51 intervenciones) el 04/05/2018 18:05:41
si es el espacio entre li que deja automaticamente, puedes unirlo asi

1
2
3
4
5
6
7
8
<nav class="nav1">
    <ul>
        <li><a href="#">ESTUDIAR</a></li><!--
       --><li><a href="#">UN</a></li><!--
     --><li><a href="#">POCO</a></li><!--
        --><li><a href="#">MAS</a></li>
    </ul>
</nav>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar
sin imagen de perfil
Val: 81
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

como poner un menu con una linea arriba y abajo

Publicado por ximena (28 intervenciones) el 04/05/2018 22:44:16
gracias por tu ayuda
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