amigos tengo un pequeño problema pero no he logrado solución
muy agradecido desde ya por sus comentarios y ayuda...
tengo un menu
el cual es una imagen que va de background y logicamente texto
el problema es que no logro hacer que el texto se ajuste a la imagen por lo que se ve mal
asi es como la quiero
asi es como la tengo
lo que necesito es ajustar el texto a cada espacio de la imagen del menu
aqui les dejo el codigo y me cuentan
index.html
<html>
<head>
</head>
<body>
<div id="contenedor">
<div id="logo"></div>
<div id="menu">
<ul id="menu1">
<li>Inicio </li>
<li>quienes somos</li>
<li>catalogos</li>
<li>contacto</li>
</ul>
</div>
</div>
</body>
</html>
estilo.css
#contenedor {
position:absolute;
width:70%;
height:70%;
z-index:1;
left: 50%;
top: 0%;
margin-left:-35%;
}
#menu {
position:absolute;
width:402px;
height:37px;
z-index:2;
top:20%;
left:45%;
background:url(file:///C|/Users/amor/Desktop/trabajos%20realizados/celebrations/web%20celebrations/images/menu.png);
}
#menu1 li {
list-style:none;
float:left;
margin-top:-7px;
padding:0px 10px;
color:#FFF;
font-size:15;
}