duda barra de navegacion
Publicado por Julio Cesar (17 intervenciones) el 26/05/2017 16:19:57
quiero ajustar mis elementos <li> al centro de la barra de navegacion pero no sé como, al ponerles borde se me han hecho un poco para abajo. Agradeceré mucho su ayuda.
Aqui esta el código:
HTML:
CSS:
Aqui esta el código:
HTML:
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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="description" content="pagina oficial de LCCHANNEL"/>
<meta name="keywords" content="LCCHANNEL, entretenimeinto"/>
<title>LCCHANNEL</title>
<link rel="stylesheet" href="new.css"/>
</head>
<body>
<header>
<h1 id="hola">LCCHANNEL</h1>
</header>
<nav>
<ul>
<li style="margin-left:100px">Inicio</li>
<li>Videos</li>
<li>Magazine</li>
<li>Contactos</li>
</ul>
</nav>
<aside>
<blockquote>RECAUDACIONES</blockquote>
<blockquote>TENDENCIAS</blockquote>
<blockquote>GRATIS</blockquote>
<blockquote>PAGADAS</blockquote>
</aside>
<section>
<h2 id="canal"></h2>
</section>
<footer>
<cite>Copyrights</cite>
</footer>
</body>
</html>
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
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
body{
background-color:#000000;
background-size: 300px 300px;
}
#hola{
border:3px solid #fff;
font-family:Arial, Helvetica, sans-seif;
width:500px;
height:35px;
margin:15px auto;
text-align:center;
border-radius:15px 15px 40px 40px;
color:rgba(218,166,0,2);
background-color:#000;
position: relative;
margin: auto;
padding-top:5px;
padding-bottom:5px;
}
#hola:hover{
background:-webkit-linear-gradient(top, #142842, #0E53AE);
background:-moz-linear-gradient(top, #142842, #0E53AE);
color:#fff;
}
header{
background-color:505050;
padding-top:40px;
height:100px;
background-image:url(bgsqs.jpg);
background-size: 1140px 140px;
border:4px solid #fff;
}
nav{
background-color:#FAF61A;
height:30px;
background:-webkit-linear-gradient(left, #AF7B0A, #FAF61A, #AF7B0A);
background:-moz-linear-gradient(top, #142842, #0E53AE);
margin-bottom:20px;
margin-top: 20px;
border:4px solid #fff;
}
li{
background-color:#142842;
display: inline-block;
margin-left:50px;
color:#FFFFFF;
border:3px solid #000;
width:170px;
text-align: center;
font-size:13px;
font-family:verdana, sans-serif;
}
aside{
background:-webkit-linear-gradient(left, #AF7B0A, #FAF61A, #AF7B0A);
background:-moz-linear-gradient(top, #142842, #0E53AE);
float:left;
border:6px solid #fff;
}
blockquote{
color:#FFFFFF;
padding:5px;
text-align:center;
margin:22px;
background-color:darkblue;
font-family:Arial, Helvetica, sans-seif;
font-size:15px;
}
section{
background:-webkit-linear-gradient(top, #142842, #0E53AE 58%, #142842);
background:-moz-gradient(top, #142842, #0E53AE);
margin-left:200px;
height:600px;
border:4px solid #fff;
padding-top:10px;
}
#canal{
color:rgba(218,166,0,2);
font:30px Verdana, sans-serif, Geneva;
margin:auto;
width:330px;
height:35px;
border:3px solid #fff;
background-color:#000;
text-align:center
}
footer{
background:-webkit-linear-gradient(top, #142842, #0E53AE 58%, #142842);
background:-moz-gradient(top, #142842, #0E53AE);
margin-top:20px;
border:2px solid #fff;
color:#000;
padding:3px;
}
Valora esta pregunta
0