Buenos días para todos
Hice este menú con .css:
Código CSS:
Ver originaldiv#menu_comunidad{
height:40px;
width:100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #D9E7CF;
float: left;
z-index: 999;
padding-left: 70px;
}
div#menu_comunidad li img {
float: left;
}
div#menu_comunidad ul li {
float:left;
list-style-type:none;
font-size:1em;
height: 40px;
margin-top: -15px;
line-height: 35px;
}
div#menu_comunidad ul li a {
text-decoration: none;
color: #223509;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 10px;
}
div#menu_comunidad ul li a.current,
div#menu_comunidad ul li a:hover {
text-decoration: none;
color: #FF0000;
}
Pero cuando pongo el navegador más pequeño de ancho se me bajan algunos de los botones.
Como hago para que quede fijo horizontalmente
Gracias por su ayuda