CSS - menu no me queda alineado

   
Vista:

menu no me queda alineado

Publicado por constanza.marinas (3 intervenciones) el 13/03/2015 18:37:10
Hola estoy teniendo un problema con el menu, no logro que me quede alineado hacia la derecha y por mas que el nav mida menos que el header los items del menu se van para abajo

este es mi codigo

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
<header>
    <div id="logo">
    <img src="imagenes/logo-01.png" width="161" height="53">
    </div>
 
<nav id="menuprincipal">
          <li><a href="index.html">INICIO</a></li>
        <li><a href="quienessomos.html">QUIÉNES SOMOS</a></li>
        <li><a href="catering.html">CATERING</a></li>
        <li><a href="eventos.html">EVENTOS</a></li>
        <li><a href="confiteria.html">CONFITERIA</a></li>
        <li><a href="contacto.html">CONTACTO</a></li>
        <li><a href="LINK A FACEBOOK"><img src="imagenes/fabooklogo-01.png"/></a></li>
      </nav>
    </header>
 
 
header {
	width:1230px;
	margin:auto;
	height: 80px;
	background-image:url(imagenes/linea-01.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
 
#logo {
	float:left;
	width:165px;
	height:79;
	margin-top:10px;
	margin-right:70px;
	margin-left:10px;
 
}
 
 
 
#menuprincipal {
	width: 1100px;
	margin-right:0px;
}
 
#menuprincipal li{
	display: block;
	width: 120px;
	list-style-type: none;
	vertical-align: middle;
	float:left;
	margin-botton:0px;
	margin-top:30px;
}
 
#menuprincipal li a{
	display: block;
	list-style-type: none;
	Float: inherit;
	color: #000;
	text-decoration: none;
	text-align: right;
	font-family:"open sans";
	font-weight:900;
	font-size:13px;
}
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 Angel

menu no me queda alineado

Publicado por Angel (54 intervenciones) el 14/03/2015 06:46:06
cambia el display: block; que esta en #menuprincipal li por display: inline-block;
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