Hola muy buenas estoy intentandoo poner una barra de imagen que se repite en x,
y poner dentro de barra las tres banderas de idioma, estoy probando primero con texto, pero se viene para abajo la imagen pero el texto no, pongo el codigo
css
Código PHP:
.idioma{
height:35px;
background: url(imagenes/idioma.gif) repeat-x top;
}
.idioma ul {
margin-top:10px;
}
.idioma ul li {
display: inline;
margin-left:5px;/*Separar el texto*/
}
.idioma ul li:hover {
background-color:#CCCCCC; /* Color de fondo sobre el boton */
cursor: pointer; /* cambiar el aspecto del puntero */
}
y html
Código PHP:
<div class="idioma">
<ul>
<li>Botón uno</li>
<li>Botón dos</li>
<li>Botón tres</li>
</ul>
</div>
el problema esta que el margin-top que pongo en el "ul" se lo hace a la imagen de fondo y yo quiero que se lo haga al texto