Re: [Ovillo] Dudas con posicionamiento absolute, relative

2006-12-13 Por tema inti castro
On 12/13/06, Yurk! [EMAIL PROTECTED] wrote:

 On 12/12/06, ReynierPM [EMAIL PROTECTED] wrote:
  Estuve leyendo algo sobre el posicionamiento absoluto o relativo aquí
  
 http://www.sidar.org/recur/desdi/traduc/es/css/visuren.html#propdef-position
 
  pero aún no me queda del todo claro.

 te animo a que leas http://www.stopdesign.com/articles/absolute/


con el código que enviaste no logre entender el problema (un gráfico
mostrando qué es lo que queres sería ideal) asi que me limito a pasarte otro
vínculo que me parece bastante bueno para entender la diferencia entre
métodos de posicionamiento:

http://www.barelyfitz.com/screencast/html-training/css/positioning/

-- 
inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas con posicionamiento absolute, relative

2006-12-13 Por tema ReynierPM
Ambos artículos están interesantes y me ha quedado un poco más clara la
situación. Ahora el problema está en posicionar el elemento al centro de la
pantalla y que el mismo quede ahí aún cuando el usuario cambie la resolución
de la pantalla.
Gracias por todo

2006/12/13, inti castro  [EMAIL PROTECTED]:

 On 12/13/06, Yurk!  [EMAIL PROTECTED] wrote:
 
  On 12/12/06, ReynierPM [EMAIL PROTECTED] wrote:
   Estuve leyendo algo sobre el posicionamiento absoluto o relativo aquí
   
 
 http://www.sidar.org/recur/desdi/traduc/es/css/visuren.html#propdef-position
  
   pero aún no me queda del todo claro.
 
  te animo a que leas http://www.stopdesign.com/articles/absolute/
 

 con el código que enviaste no logre entender el problema (un gráfico
 mostrando qué es lo que queres sería ideal) asi que me limito a pasarte
 otro
 vínculo que me parece bastante bueno para entender la diferencia entre
 métodos de posicionamiento:

 http://www.barelyfitz.com/screencast/html-training/css/positioning/

 --
 inti castro
 [EMAIL PROTECTED]
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Salu2
ReynierPM | 5to. Ing Informática
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas con posicionamiento absolute, relative

2006-12-13 Por tema Christian Roque Geldres
Hay un truco muy bueno en Tierra de Nomadas

http://tierradenomadas.com/tw003.phtml



Christian Roque Geldres



-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de ReynierPM
Enviado el: miércoles, 13 de diciembre de 2006 10:48
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Dudas con posicionamiento absolute, relative

Ambos artículos están interesantes y me ha quedado un poco más clara la
situación. Ahora el problema está en posicionar el elemento al centro de la
pantalla y que el mismo quede ahí aún cuando el usuario cambie la resolución
de la pantalla.
Gracias por todo

2006/12/13, inti castro  [EMAIL PROTECTED]:

 On 12/13/06, Yurk!  [EMAIL PROTECTED] wrote:
 
  On 12/12/06, ReynierPM [EMAIL PROTECTED] wrote:
   Estuve leyendo algo sobre el posicionamiento absoluto o relativo aquí
   
 

http://www.sidar.org/recur/desdi/traduc/es/css/visuren.html#propdef-position
  
   pero aún no me queda del todo claro.
 
  te animo a que leas http://www.stopdesign.com/articles/absolute/
 

 con el código que enviaste no logre entender el problema (un gráfico
 mostrando qué es lo que queres sería ideal) asi que me limito a pasarte
 otro
 vínculo que me parece bastante bueno para entender la diferencia entre
 métodos de posicionamiento:

 http://www.barelyfitz.com/screencast/html-training/css/positioning/

 --
 inti castro
 [EMAIL PROTECTED]
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Salu2
ReynierPM | 5to. Ing Informática
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas con posicionamiento absolute, relative

2006-12-13 Por tema inti castro
On 12/13/06, ReynierPM [EMAIL PROTECTED] wrote:

 posicionar el elemento al centro de la pantalla y que el mismo quede ahí
 aún cuando el usuario cambie la resolución de la pantalla.


hay muchos artículos al respecto.

te paso el que quedo como primer resultado de la búsqueda que
hicehttp://del.icio.us/search/?all=css+center+layout+verticalpero te
recomiendo que leas varios y  elijas el que mejor te convenga.

http://www.infinitywebdesign.com/research/cssverticalcentereddiv.htm


pd: sin animos de ofender pero muchas preguntas se responden muy facilmente
con tan solo buscar. no digo que éste sea el caso (me da la impresión nomás,
puedo equivocarme) pero toda consulta debería ir precedida por una búsqueda,
al menos. apuesto a que esto mismo ya se trato en la lista varias veces y
hay cientos de articulos al respecto. no tiene mayor sentido andar
repitiendo y repitiendo, no? es solo una opinión.

-- 
inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Dudas con posicionamiento absolute, relative

2006-12-12 Por tema ReynierPM
Hola listeros:
Estoy teniendo un problema y necesito de la ayuda de ustedes porque entre
más leo más me enredo. El problema es que tengo que posicionar una capa de
fondo y entonces dentro de ella posicionar dos capas más: una que contiene
una imagen (como background) y la otra que contiene un formulario para
iniciar sesion en una aplicación. Estuve leyendo algo sobre el
posicionamiento absoluto o relativo aquí
http://www.sidar.org/recur/desdi/traduc/es/css/visuren.html#propdef-position
pero aún no me queda del todo claro. Ahora voy a dejarles mi CSS a ver que
hago mal.


#background {
z-index: 1;
background: url(../img/loginbck.png) no-repeat;
height: 271px;
width: 556px;
position: relative;
top: 10em;
left: 11%;
}
#key {
z-index: 2;
background: url(../img/key.png) no-repeat 20% 30%;
position: relative;
height: 57px;
width: 44px;
}

#background es la capa (DIV) sobre la cual debo poner los otros elementos,
#key y #formulario. Los problemas son los siguientes:
1) La propiedad top de la capa #background si le pongo porcentajes no me
corre la misma desde el tope. O sea top: 10%; no pasa nada.
2) Lo mismo pasa con el posicionamiento de la capa #key o sea se me pega al
tope del contenedor en este caso la capa #background y no se corre para
nada.

El HTML es el siguiente:
div id=background
div id=keynbsp;/div
div id=formularionbsp;/div
/div
Que estoy haciendo mal?
Gracias de antemano
-- 
Salu2
ReynierPM | 5to. Ing Informática
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Dudas con posicionamiento absolute, relative

2006-12-12 Por tema Yurk!
On 12/12/06, ReynierPM [EMAIL PROTECTED] wrote:
 Hola listeros:
 Estoy teniendo un problema y necesito de la ayuda de ustedes porque entre
 más leo más me enredo. El problema es que tengo que posicionar una capa de
 fondo y entonces dentro de ella posicionar dos capas más: una que contiene
 una imagen (como background) y la otra que contiene un formulario para
 iniciar sesion en una aplicación. Estuve leyendo algo sobre el
 posicionamiento absoluto o relativo aquí
 http://www.sidar.org/recur/desdi/traduc/es/css/visuren.html#propdef-position
 pero aún no me queda del todo claro. Ahora voy a dejarles mi CSS a ver que
 hago mal.


 #background {
 z-index: 1;
 background: url(../img/loginbck.png) no-repeat;
 height: 271px;
 width: 556px;
 position: relative;
 top: 10em;
 left: 11%;
 }
 #key {
 z-index: 2;
 background: url(../img/key.png) no-repeat 20% 30%;
 position: relative;
 height: 57px;
 width: 44px;
 }

 #background es la capa (DIV) sobre la cual debo poner los otros elementos,
 #key y #formulario. Los problemas son los siguientes:
 1) La propiedad top de la capa #background si le pongo porcentajes no me
 corre la misma desde el tope. O sea top: 10%; no pasa nada.
 2) Lo mismo pasa con el posicionamiento de la capa #key o sea se me pega al
 tope del contenedor en este caso la capa #background y no se corre para
 nada.

 El HTML es el siguiente:
 div id=background
 div id=keynbsp;/div
 div id=formularionbsp;/div
 /div
 Que estoy haciendo mal?
 Gracias de antemano
 --
 Salu2
 ReynierPM | 5to. Ing Informática
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo


Saludos, no he revisado tu codigo pero te animo a que leas Making the
Absolute, Relative[1], creo que entenderias mejor al autor del
articulo a que te explique lo que  entiendo despues de haberlo leido.

[1] http://www.stopdesign.com/articles/absolute/
-- 


-
 _o)  Yurk!
  // \  Linux Registered User #418034
 U_/_

Dile NO al top-posting[*]
[*] ttp://es.wikipedia.org/wiki/Top-posting
-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo