Problema con menu.!! :(
Publicado por kevin guerrero (2 intervenciones) el 29/10/2012 06:17:27
Mi problema es que cuando intento poner la pantalla pequeña el menu se me corre, quiero es que se me quede quieto. y asi este bien pequeña la pantalla el menu no se corra.
HTML:
SCC:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<header id='cabecera'>
<nav id='titulo'>
<h1 >EJEMPLO</h1>
</nav>
<nav id='ContenidoNavegacion'>
<ul id='menu'>
<li><a href="">Empresa</a></li>
<li><a href="">Servicios</a></li>
<li><a href="">Eventos</a></li>
<li><a href="">Galeria</a></li>
<li><a href="">Contactanos</a></li>
</ul>
</nav>
</header>
SCC:
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
#cabecera{
width: 100%;
height: 110px;
background: #51699A;
}
#titulo{
height:90px;
width: 400px;
border:red;
color:white;
border:solid;
float:left;
}
#menu{
padding: 0px;
text-align: center;
font-weight:bold;
margin:0px 0px 0px 40px;
float:left;
}
#menu li{
display:inline;
}
#menu li a{
margin:40px 0px 0px 0px;
background:#51699A ;
float:left;
position:relative;
text-decoration: none;
color:white;
width: 130px;
padding: 8px 0px 8px 0px;
}
Valora esta pregunta


0