Menú horizontal en CSS
buenas soy novato en css y no se donde está mi error, a ver si alguien me puede echar un cable:
tengo esto en html:
<body>
<div id=contenedor>
<div id="top">
<img src="img/logo.png" alt="logo"/>
<ul id=”menu”>
<li id="menu-uno"><a href="/uno">uno</a></li>
<li id="menu-dos"><a href="/dos">dos</a></li>
<li id="menu-tres"><a href="/tres">tres</a></li>
<li id="menu-cuatro"><a href="/cuatro">cuatro</a></li>
</ul>
</div><!--end of top-->
</div><!--end of contenedor-->
En el css vinculado al html esto:
/*MENU*/
#menu {
float: right;
margin: 26px 42px 0 0;
display: inline;
}
(es solo una parte del código pero es que no me hace nada de lo que pide la id "menu", sin embargo como veis en el html las etiquetas "menu-uno" por ejemplo les defino un padding y si que lo cumplen...xq no cumple display:inline? o el margin? parece como si no reconociese el id)
pd.maldito css
dagi3d
Cuando una imagen no se considera "información" por decirlo de alguna manera, se suele recomendar ponerla como imagen de fondo aunque en este caso, al tratarse del logo sí que la pintaría con el tag img tal como has hecho, así que para posicionarla, encima puedes probar a usar un margin-top negativo para que "tire" hacia arriba. seguro que hay más maneras de hacerlo, pero habría que ver el diseño planteado para ver cómo enfocar la maquetación
senor_x_2
pues parece que está solucionado... gracias dagi3d
ahora el problema es que no se colocar este menu horizontal encima del fondo que he colocado en el mismo div. alguien sabe como "pisar" una img con texto en css?
dagi3d
igual son las comillas que lleva el atributo id de ese ul. estás poniendo ” cuando hay que usar " (parecidas pero no iguales)