[SOLUCIONADO] Posicionar donde uno quiera menu horizontal

[ROYAL123]

Hola a todos y les agradezco a quien me pueda ayudar ya que soy novato,quiero colocar un menú horizontal

<ul id="menu">
<li><a href="contacto.html">INICIO</a> </li>
<li><a href="imagenes.html">IMAGENES</a></li>
<li><a href="datos.html">DATOS</a> </li>
<li><a href="index.php">CONTACTO</a></li>
</ul>

y he visto muchisimos ejemplos y tutoriales
y todos explican solo el posicionamiento a izquierda y derecha y bajarlo un poco con el padding pero ninguno explica para posicionar
el menú en donde uno quiera he intentado con esto

#menu li {
position: absolute;
left: 169px;
top: 236px;
}

y al parecer como es una lista lo toma como un solo bloque y coloca todas las palabras una encima de otra,
la unica solucion desde el punto de vista de principiante ha sido cada palabra cambiarla de <li> a <p> y hacerla sola ejemplo:


<style type="text/css">

#INICIO

{
position: absolute;
left: 160px;
top: 220px;
}


#IMAGENES

{
position: absolute;
left: 220px;
top: 220px;
}
</style>



<ul
id="INICIO"<p><a href="index.html">INICIO</a></p>
</ul>

<ul

id="IMAGENES"<p><a href="imagenes.html">IMAGENES</a></p>


</ul>

etc..... y así el resto de las palabras del menú.Gracias desde yá.

[pzin]

Bienvenido al foro.

Es un error muy común para los principiantes usar posiciones absolutas cuando no deben ni hacen falta. El porqué, resumidamente, es porque provoca otros problemas. No sé de donde vendrá esta cosa porque antiguamente —sospecho que de Dreamweaver— los principiantes no tenían estos vicios.

¿Dónde quieres colocar el menú? ¿Debajo de una cabecera? ¿Al lado de un logo? Igual la pregunta no es tanto dónde sino cómo. Si pones algo más de contexto y explicas lo que quieres hacer se te puede dar una solución más acertada.

Intenta en sucesivo usar highlight o code para cuando dejas código en un mensaje, que lo deja visualmente mejor y es más cómodo de leer.

[ROYAL123]

gracias eres muy amable, al principio tengo un div con una imagen dentro que tiene height 60 y a continuación quiero colocar el menú pero no vá pegado a la izquierda ni pegado a la derecha por eso necesito colocarle la medida en px del top, left y right.

[pzin]

Pero si va seguido, no tienes porqué usar una posición absoluta. Si va seguido quiere decir que te interesa que siga dentro del flujo natural del HTML. Entonces puedes usar una posición relativa y ajustar igualmente usando top/right/bottom/left.

Por ejemplo:

Código CSS:

ul#menu {
  position: relative;
  top: 20px;
  left: 40px;
}
 

Seguramente puede ser que no te sirva si todo lo demás está posicionado de forma absoluta. Trabaja más con elementos flotados cuando te haga falta hacer columnas y cosas así.

[ROYAL123]

Iniciado por pzin

Pero si va seguido, no tienes porqué usar una posición absoluta. Si va seguido quiere decir que te interesa que siga dentro del flujo natural del HTML. Entonces puedes usar una posición relativa y ajustar igualmente usando top/right/bottom/left.

Por ejemplo:

Código CSS:

ul#menu {
  position: relative;
  top: 20px;
  left: 40px;
}
 

Seguramente puede ser que no te sirva si todo lo demás está posicionado de forma absoluta. Trabaja más con elementos flotados cuando te haga falta hacer columnas y cosas así.

gracias era eso y eso que ya lo habia probado pero no lo habia probado bien