#menu /* Menú */{
font: 80% "Trebuchet MS", Verdana;
margin: 0;
/*width: 200px;*/
}

#menuh ul, li { list-style-type: none; }

#menuh ul{
margin: 0;
padding: 0;
}

#menuh li { float: left; }

#menuh a
{
text-decoration: none;
color: #F0F7FC;
display: block;
padding: 3px 10px;
text-align: center;
border: 1px solid #ACCFE8;
border-width: 1px 1px 1px 0;
}

#menuh a#first { border-left: 1px solid #ACCFE8;}
#menuh a#hover { background: #DBEBF6; }

Gracias

caricatos · #2 (**permalink**) 06/09/2006, 09:50

Hola:

La posición relative o absolute debe estar dentro de otro elemento con position relative... aunque ese elemeno sea el body...

Pruébalo y nos cuentas...

Saludos

Shia · #3 (**permalink**) 06/09/2006, 11:05

Cita:

Iniciado por caricatos

Hola:

La posición relative o absolute debe estar dentro de otro elemento con position relative... aunque ese elemeno sea el body...

Pruébalo y nos cuentas...

Saludos

Hola

Yo porbé con position: relative; dentro de body{..} pero me mueve el layout de posición, y el menú sigue estando en la parte superior de la página.

Gracias por responder.

opeth · #4 (**permalink**) 06/09/2006, 13:56

también la posición puede depender de donde tengas tu <ul> dentro del documento html ¿y donde quieres colocarlo?

Saludos

Shia · #5 (**permalink**) 06/09/2006, 14:20

Cita:

Iniciado por opeth

también la posición puede depender de donde tengas tu <ul> dentro del documento html ¿y donde quieres colocarlo?

Hola

Tengo un layout, (header, info, body, footer), quiero posicionar el menú en el trozo del layout llamado info. Me di cuenta de que tenía el código fuera de esa class="info". Gracias ^^

Si coloco el código para (xhtml) para mostrar el menú, dentro de el <div class="info">.....</div> se coloca justo donde empieza ese trozo de imágen y surge el mismo problema no sé como posicionarlo más abajo, a la derecha etc..

Código HTML completo:

Código:

.... <body>
<div id="container">
 <div class="top"></div>
 <div class="inf">
  <div id="menuh">
   <ul>
     <li><a href="#menuh" di="first"> Opción 1</a></li>
     <li><a href="#menuh">Opción 2</a></li>
     <li><a href="#menuh">Opción 3</a></li>
   </ul>
  </div>/*Menú*/
 </div>/*Info*/
 <div class="post"><b>text </div>
 <div class="footer"></div>
</div> 
</body>.....

Gracias por responder.

opeth · #6 (**permalink**) 06/09/2006, 14:25

pues unas solución podría ser que a tu div con clase "inf" colocaras posittion: relative y a tu div menuh position :absolute y con eso puedes moverlo a cuaquier parte dentro del div "inf"

ojala ta haya servido

Saludos

Shia · #7 (**permalink**) 07/09/2006, 10:36

Cita:

Iniciado por opeth

pues unas solución podría ser que a tu div con clase "inf" colocaras posittion: relative y a tu div menuh position :absolute y con eso puedes moverlo a cuaquier parte dentro del div "inf"...

Probé pero no funcionó

,a la verdad ni idea de cómo moverlo de ahí.

Gracias por responder.

caricatos · #8 (**permalink**) 07/09/2006, 11:08

Hola:

Poniendo el tipo de posición no sirve si luego no "posicionas" con los estilkos left y top (puedes usar como medidas los pixeles, pero también pueden servir los porcentajes... además debes indicar las medidas de anchura y altura (width/height) con el mismo comentario sobre las medidas...

Saludos

opeth · #9 (**permalink**) 07/09/2006, 14:59

Shia perdón por no poner más información solo puse la idea pero caricatos tiene razon debes jugar top left y también creo se puede con right y bottom aquí te dejo unos enlaces sobre este tema

Posicionamiento (en español)
Learn CSS Positioning in Ten Steps(en ingles)

Saludos

Update: no me había percatado que fue mi mensaje 100 se que no es nada del otro mundo pero son demasiados para mi dijo no participo mucho en el foro.

Shia · #10 (**permalink**) 07/09/2006, 15:09

^^ Si yo había probado con left y top pero no logré moverlo cuando probé tu sugerencia.

Cita:

Iniciado por opeth

Shia perdón por no poner más información solo puse la idea pero caricatos tiene razon debes jugar top left y también creo se puede con right y bottom aquí te dejo unos enlaces....

Por cierto,Opeth no hace falta que ofrezcas disculpas hombre, ni más faltaba, demás te agradezco mucho el intento de ayuda, de verdad. Voy a revisar los enlaces que has puesto veré si puedo sacar la solución de allí ^^, muchas gracias.

Si logro mover el menú os contaré como lo hice. Gracias a los dos por sus respuestas.

Ja ne

opeth · #11 (**permalink**) 07/09/2006, 15:25

pues gracias por las gracias jajaja ojala se resuelva tu problema.

Saludos

Shia · #12 (**permalink**) 09/09/2006, 06:42

Hola

Lo solucioné así:

Código:

#menuh{
margin-left: 50px;
}

Faltaba crear #menuh allí si puedo mover el menú con libertad. El único inconveniente es que ahora le falta un borde al menú (creo que no debería faltarle) pero de ahí lo arreglo.

Muchas gracias.

Menu