Re: [Ovillo] Resumen de Ovillo, Vol 101, Envío 9
Hola, Os dejo los slides de la charla formativa que hubo de responsive design en Madrid. Seguro que sacáis bastante información Un saludo http://www.maspixel.com/2012/07/responsive-design-charla-formativa/ El 26 de julio de 2012 14:00, ovillo-requ...@lists.ovillo.org escribió: Envíe los mensajes para la lista Ovillo a ovillo@lists.ovillo.org Para subscribirse o anular su subscripción a través de la WEB http://lists.ovillo.org/mailman/listinfo/ovillo O por correo electrónico, enviando un mensaje con el texto help en el asunto (subject) o en el cuerpo a: ovillo-requ...@lists.ovillo.org Puede contactar con el responsable de la lista escribiendo a: ovillo-ow...@lists.ovillo.org Si responde a algún contenido de este mensaje, por favor, edite la linea del asunto (subject) para que el texto sea mas especifico que: Re: Contents of Ovillo digest Además, por favor, incluya en la respuesta sólo aquellas partes del mensaje a las que está respondiendo. Asuntos del día: 1. Re: Maquetación inicial con Web Responsive Design ( Edgardo Raúl Galletto ) -- Message: 1 Date: Thu, 26 Jul 2012 00:18:21 + From: Edgardo Raúl Galletto edgardogalle...@gmail.com Subject: Re: [Ovillo] Maquetación inicial con Web Responsive Design To: la lista de CSS en castellano Ovillo ovillo@lists.ovillo.org Message-ID: 2123801521-1343261882-cardhu_decombobulator_blackberry.rim.net-1207010457-@b14.c12.bise6.blackberry Content-Type: text/plain; charset=Windows-1252 Muchas gracias totales por sus consejos...los tendré en cuenta ya mismo!!! Edgard_Roul ...:: In Trance We Trust ::... Enviado desde mi MoraNegra® (BlackBerry en inglés) de Claro Argentina -Original Message- From: Gicela Morales gicela.mora...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 24 Jul 2012 10:22:14 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Maquetación inicial con Web Responsive Design Hola Edgardo, Mi consejo es que utilices el viewport y las media queries para el diseño responsable. Trata de mantener el tamaño de la página lo mas pequeño posible y no mandar imagenes de gran tamaño por la red a un dispositivo móvil. Es mejor que escribas tu propio HTML y CSS, ya que los frameworks contienen código que no necesitas. Ejecuta los diseños en los navegadores disponibles y despues pruebalos en los emuladores móviles (Opera tiene unos muy buenos). Cuando tus páginas sean satisfactorias en los navegadores, entonces crea un 'child theme' en WordPress con tu código. De esta manera, ya sabes que el código funciona bastante bien y si hay algún problema, es WordPress y no tu código! Un saludo, Gicela -- Gicela Morales www.gicelamorales.com twitter: @gicela 2012/7/22 Edgardo Raúl G. edgardogalle...@gmail.com Muy buenas a todos/as: Les comento una inquietud y una pregunta. Me estoy iniciando en el maquetado de una web para una inmobiliaria; y otra web que es para un camping. La cuestión es que me van a dar unos archivos psd de unos diseñadores gráficos, que realizaron el diseño de cómo se verían esas webs. Mi tarea es maquetarlo en html y luego pasarlo a WordPress. Como me estoy iniciando en esto, serán obviamente mis primeros trabajos. La pregunta del millón es: aprovecho esta oportunidad para ir maquetando, pero con etiquetas HTML5 (incluyendo el Doctype de html5), CSS3 y trucos para hacerla con un Diseño Web Adaptativo (Responsive Web Design, para que sea igual en todos los dispositivos móviles, tabletas...etc...)??? Pregunto porque la información que encontré fueron tutoriales, videos y bla bla bla pero no habla ninguno de etiquetas HTML5, ni CSS3 (CSS3, puedo entenderlo...remplazaría algunas cosas con imágenes ya que algunos móviles no los interpreta...como BlackBerry)...ni tampoco de aprovechar esta etapa inicial para colocar trucos para hacer el diseño adaptativo (me refieron, usar porcentajes, em, nada de pixeles, min-with, max-with, diseño fluido...etc...). Insisto en la pregunta: es posible? Conviene hacerlo? Alguien me diría como? Algún manualcito, o tutorial por ahí dando vueltas? Alguna data que me oriente? Muchas gracias a todos y espero sus consejos. Edgard_Roul ...:: WebModerna | el futuro de la web ::... www.webmoderna.com.ar i...@webmoderna.com.ar ___ 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
Re: [Ovillo] Resumen de Ovillo, Vol 101, Envío 9
Muchas gracias Manu!! Muy útil :) El 26 de julio de 2012 15:07, Manu Medina manumed...@gmail.com escribió: Hola, Os dejo los slides de la charla formativa que hubo de responsive design en Madrid. Seguro que sacáis bastante información Un saludo http://www.maspixel.com/2012/07/responsive-design-charla-formativa/ El 26 de julio de 2012 14:00, ovillo-requ...@lists.ovillo.org escribió: Envíe los mensajes para la lista Ovillo a ovillo@lists.ovillo.org Para subscribirse o anular su subscripción a través de la WEB http://lists.ovillo.org/mailman/listinfo/ovillo O por correo electrónico, enviando un mensaje con el texto help en el asunto (subject) o en el cuerpo a: ovillo-requ...@lists.ovillo.org Puede contactar con el responsable de la lista escribiendo a: ovillo-ow...@lists.ovillo.org Si responde a algún contenido de este mensaje, por favor, edite la linea del asunto (subject) para que el texto sea mas especifico que: Re: Contents of Ovillo digest Además, por favor, incluya en la respuesta sólo aquellas partes del mensaje a las que está respondiendo. Asuntos del día: 1. Re: Maquetación inicial con Web Responsive Design ( Edgardo Raúl Galletto ) -- Message: 1 Date: Thu, 26 Jul 2012 00:18:21 + From: Edgardo Raúl Galletto edgardogalle...@gmail.com Subject: Re: [Ovillo] Maquetación inicial con Web Responsive Design To: la lista de CSS en castellano Ovillo ovillo@lists.ovillo.org Message-ID: 2123801521-1343261882-cardhu_decombobulator_blackberry.rim.net-1207010457-@b14.c12.bise6.blackberry Content-Type: text/plain; charset=Windows-1252 Muchas gracias totales por sus consejos...los tendré en cuenta ya mismo!!! Edgard_Roul ...:: In Trance We Trust ::... Enviado desde mi MoraNegra® (BlackBerry en inglés) de Claro Argentina -Original Message- From: Gicela Morales gicela.mora...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 24 Jul 2012 10:22:14 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Maquetación inicial con Web Responsive Design Hola Edgardo, Mi consejo es que utilices el viewport y las media queries para el diseño responsable. Trata de mantener el tamaño de la página lo mas pequeño posible y no mandar imagenes de gran tamaño por la red a un dispositivo móvil. Es mejor que escribas tu propio HTML y CSS, ya que los frameworks contienen código que no necesitas. Ejecuta los diseños en los navegadores disponibles y despues pruebalos en los emuladores móviles (Opera tiene unos muy buenos). Cuando tus páginas sean satisfactorias en los navegadores, entonces crea un 'child theme' en WordPress con tu código. De esta manera, ya sabes que el código funciona bastante bien y si hay algún problema, es WordPress y no tu código! Un saludo, Gicela -- Gicela Morales www.gicelamorales.com twitter: @gicela 2012/7/22 Edgardo Raúl G. edgardogalle...@gmail.com Muy buenas a todos/as: Les comento una inquietud y una pregunta. Me estoy iniciando en el maquetado de una web para una inmobiliaria; y otra web que es para un camping. La cuestión es que me van a dar unos archivos psd de unos diseñadores gráficos, que realizaron el diseño de cómo se verían esas webs. Mi tarea es maquetarlo en html y luego pasarlo a WordPress. Como me estoy iniciando en esto, serán obviamente mis primeros trabajos. La pregunta del millón es: aprovecho esta oportunidad para ir maquetando, pero con etiquetas HTML5 (incluyendo el Doctype de html5), CSS3 y trucos para hacerla con un Diseño Web Adaptativo (Responsive Web Design, para que sea igual en todos los dispositivos móviles, tabletas...etc...)??? Pregunto porque la información que encontré fueron tutoriales, videos y bla bla bla pero no habla ninguno de etiquetas HTML5, ni CSS3 (CSS3, puedo entenderlo...remplazaría algunas cosas con imágenes ya que algunos móviles no los interpreta...como BlackBerry)...ni tampoco de aprovechar esta etapa inicial para colocar trucos para hacer el diseño adaptativo (me refieron, usar porcentajes, em, nada de pixeles, min-with, max-with, diseño fluido...etc...). Insisto en la pregunta: es posible? Conviene hacerlo? Alguien me diría como? Algún manualcito, o tutorial por ahí dando vueltas? Alguna data que me oriente? Muchas gracias a todos y espero sus consejos. Edgard_Roul ...:: WebModerna | el futuro de la web ::... www.webmoderna.com.ar i...@webmoderna.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Re: [Ovillo] Resumen de Ovillo, Vol 101, Envío 9
Está genial Manu, Muchas gracias ! Carlos El 26 de julio de 2012 15:49, Kinda Marrawi kindam...@gmail.com escribió: Muchas gracias Manu!! Muy útil :) El 26 de julio de 2012 15:07, Manu Medina manumed...@gmail.com escribió: Hola, Os dejo los slides de la charla formativa que hubo de responsive design en Madrid. Seguro que sacáis bastante información Un saludo http://www.maspixel.com/2012/07/responsive-design-charla-formativa/ El 26 de julio de 2012 14:00, ovillo-requ...@lists.ovillo.org escribió: Envíe los mensajes para la lista Ovillo a ovillo@lists.ovillo.org Para subscribirse o anular su subscripción a través de la WEB http://lists.ovillo.org/mailman/listinfo/ovillo O por correo electrónico, enviando un mensaje con el texto help en el asunto (subject) o en el cuerpo a: ovillo-requ...@lists.ovillo.org Puede contactar con el responsable de la lista escribiendo a: ovillo-ow...@lists.ovillo.org Si responde a algún contenido de este mensaje, por favor, edite la linea del asunto (subject) para que el texto sea mas especifico que: Re: Contents of Ovillo digest Además, por favor, incluya en la respuesta sólo aquellas partes del mensaje a las que está respondiendo. Asuntos del día: 1. Re: Maquetación inicial con Web Responsive Design ( Edgardo Raúl Galletto ) -- Message: 1 Date: Thu, 26 Jul 2012 00:18:21 + From: Edgardo Raúl Galletto edgardogalle...@gmail.com Subject: Re: [Ovillo] Maquetación inicial con Web Responsive Design To: la lista de CSS en castellano Ovillo ovillo@lists.ovillo.org Message-ID: 2123801521-1343261882-cardhu_decombobulator_blackberry.rim.net-1207010457-@b14.c12.bise6.blackberry Content-Type: text/plain; charset=Windows-1252 Muchas gracias totales por sus consejos...los tendré en cuenta ya mismo!!! Edgard_Roul ...:: In Trance We Trust ::... Enviado desde mi MoraNegra® (BlackBerry en inglés) de Claro Argentina -Original Message- From: Gicela Morales gicela.mora...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 24 Jul 2012 10:22:14 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Maquetación inicial con Web Responsive Design Hola Edgardo, Mi consejo es que utilices el viewport y las media queries para el diseño responsable. Trata de mantener el tamaño de la página lo mas pequeño posible y no mandar imagenes de gran tamaño por la red a un dispositivo móvil. Es mejor que escribas tu propio HTML y CSS, ya que los frameworks contienen código que no necesitas. Ejecuta los diseños en los navegadores disponibles y despues pruebalos en los emuladores móviles (Opera tiene unos muy buenos). Cuando tus páginas sean satisfactorias en los navegadores, entonces crea un 'child theme' en WordPress con tu código. De esta manera, ya sabes que el código funciona bastante bien y si hay algún problema, es WordPress y no tu código! Un saludo, Gicela -- Gicela Morales www.gicelamorales.com twitter: @gicela 2012/7/22 Edgardo Raúl G. edgardogalle...@gmail.com Muy buenas a todos/as: Les comento una inquietud y una pregunta. Me estoy iniciando en el maquetado de una web para una inmobiliaria; y otra web que es para un camping. La cuestión es que me van a dar unos archivos psd de unos diseñadores gráficos, que realizaron el diseño de cómo se verían esas webs. Mi tarea es maquetarlo en html y luego pasarlo a WordPress. Como me estoy iniciando en esto, serán obviamente mis primeros trabajos. La pregunta del millón es: aprovecho esta oportunidad para ir maquetando, pero con etiquetas HTML5 (incluyendo el Doctype de html5), CSS3 y trucos para hacerla con un Diseño Web Adaptativo (Responsive Web Design, para que sea igual en todos los dispositivos móviles, tabletas...etc...)??? Pregunto porque la información que encontré fueron tutoriales, videos y bla bla bla pero no habla ninguno de etiquetas HTML5, ni CSS3 (CSS3, puedo entenderlo...remplazaría algunas cosas con imágenes ya que algunos móviles no los interpreta...como BlackBerry)...ni tampoco de aprovechar esta etapa inicial para colocar trucos para hacer el diseño adaptativo (me refieron, usar porcentajes, em, nada de pixeles, min-with, max-with, diseño fluido...etc...). Insisto en la pregunta: es posible? Conviene hacerlo? Alguien me diría como? Algún manualcito, o tutorial por ahí dando vueltas? Alguna data que me oriente? Muchas gracias a todos y espero sus consejos. Edgard_Roul ...::
[Ovillo] DIV posicionado absolutamente se sobrepone al DIV que tiene debajo de el
Buenos días a todos, tengo un problemita que no se como darle solución y espero que acá me puedan ayudar. Observen la imagen siguiente: http://www.dropmocks.com/mBkFDd. Si se dan cuenta hay 2 DIV uno gris claro y uno gris mas oscuro posicionado encima del otro (gris claro). El glis claro responde al ID #shoutbox_main y el mas oscuro al ID #shoutbox_container y estas son las clases que he declarado para cada uno de ellos: #shoutbox_main{padding:3px;background-color:#DDD;height:60px} #shoutbox_container{position: absolute;top:2px;margin:5px;padding:5px 5px 35px 5px;background-color:#999;z-index:;width:98%;display:block} Ahora bien debajo de #shoutbox_container hay otro DIV con clase .shoutbox_comments mas como verán en el marcado que les pondré a continuación pero me está ocurriendo que el mismo (.shoutbox_comments) se mete debajo de #shoutbox_container y no se como hacer para resolver este problema. El marcado HTML es bien sencillo les dejo acá una porción del mismo: div id=shoutbox_main nbsp; /div div id=shoutbox_container ?php echo form_open(site_url('wall/add'), array(class = form-horizontal, id = wall-add), array('wall_from' = isset($from) ? $from : )); ? textarea id=status name=status placeholder=?php echo lang(wall:shout) ? rows=2/textarea ?php form_close(); ? /div div class=shoutbox_commentsAqui van los comentarios/div Alguna idea o ayuda para solucionar este problema? Saludos y gracias por adelantado Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] DIV posicionado absolutamente se sobrepone al DIV que tiene debajo de el
Para todos quienes hagamos una consulta en esta lista. Por favor, hemos de tener presente que si quien hace una pregunta anda con mucho lío, cualquiera de quienes leen con ánimo de echar una mano puede andar menos o puede que 3 veces más ocupado que el demandante. Eso no lo sabemos, ¿verdad? Bien. ¿Tú qué opinas? Te lanzo una consulta que resulta que para entenderla casi te tienes que estudiar el proyecto del otro y encima... falta información o la pregunta no está clara... o resulta que tengo yo que poner energía más que tú para comprender lo que realmente quieres averiguar o qué te está fallando. Responde honestamente por favor: ¿Tú qué harías? ¿Pasar olímpicamente (por no perder un ratito venga... en escribir un mensajito aclaratorio como este para quienes van a los suyo y a ver si cae la solución poniendo el mínimo esfuerzo) o más bien te embarcas en desmenuzar la pregunta en cuestión hasta lograr comprender el fallo que te impide comprender la consulta que a su vez te permite saber qué pretende preguntar quien no se ha molestado si quiera en poner un poco de claridad en comunicar lo que obtener? No estoy hablando con acritud ninguna. Pero suena a lío eh! Por favor. Estoy sólo pidiendo a los que preguntemos un poco de criterio y compañerismo si cabe pedir esto aquí. Déjame decirlo de otro modo. Te dedico tiempo cuando leo tus consultas (me incluyo) tú que me preguntas a través de esta lista. Esto es una lista, pero detrás hay trabajadores y personas como tú, ocupadas. No abuses de la confianza de la lista y mucho menos de su tiempo. Por favor, sé conciso/a y formula una pregunta clara, concreta y cuya comprensión no nos haga perder el tiempo a ninguno/a, ni siquiera leyendo el mensaje de consulta. Este en realidad, ya debería nutrir por sí mismo, pero a veces quizá no se a posible llegar a tanto. De acuerdo. Pero ten presente que mi tiempo es mío. De nuevo, no hablo con acritud, ni enfado, ni siquiera para regañar. Me dirijo a la lista entera desde el sentido común y el criterio de para con quienes tenemos compromiso de dedicar tiempo a responder y alimentar la lista. Sé que me expongo a recibir críticas muy duras de quienes, justamente, suelen hacer esto, pero si a cambio mejoramos en este punto, dale. Ponme a parir de una soberana vez y por favor... pregunta lo que quieras... pero lam próxima vez sé específico/a. Por favor, reynierpm, no lo tomes a pecho por muy directo que te parezca que estoy siendo. De antemano te pido disculpas porque sé que puede parecer un mensaje dirigido a ti en exclusiva. Insisto, discúlpame. No es así. Es para todos. Por favor, reynierpm, formula de nuevo tu consulta para que podamos ayudarte y recibe mi saludo en son de cordialidad, pues en verdad mi intención ayudarte o que alguien pueda ayudarte. PD: envíanos un enlace a una web en la que poder ver las capas reales en funcionamiento, para que podamos detectar los fallos de lo que quieres conseguir exactamente, que de nuevo te ruego especifiques claramente. --- El 26 de julio de 2012 18:43, reynie...@gmail.com reynie...@gmail.comescribió: Buenos días a todos, tengo un problemita que no se como darle solución y espero que acá me puedan ayudar. Observen la imagen siguiente: http://www.dropmocks.com/mBkFDd. Si se dan cuenta hay 2 DIV uno gris claro y uno gris mas oscuro posicionado encima del otro (gris claro). El glis claro responde al ID #shoutbox_main y el mas oscuro al ID #shoutbox_container y estas son las clases que he declarado para cada uno de ellos: #shoutbox_main{padding:3px;background-color:#DDD;height:60px} #shoutbox_container{position: absolute;top:2px;margin:5px;padding:5px 5px 35px 5px;background-color:#999;z-index:;width:98%;display:block} Ahora bien debajo de #shoutbox_container hay otro DIV con clase .shoutbox_comments mas como verán en el marcado que les pondré a continuación pero me está ocurriendo que el mismo (.shoutbox_comments) se mete debajo de #shoutbox_container y no se como hacer para resolver este problema. El marcado HTML es bien sencillo les dejo acá una porción del mismo: div id=shoutbox_main nbsp; /div div id=shoutbox_container ?php echo form_open(site_url('wall/add'), array(class = form-horizontal, id = wall-add), array('wall_from' = isset($from) ? $from : )); ? textarea id=status name=status placeholder=?php echo lang(wall:shout) ? rows=2/textarea ?php form_close(); ? /div div class=shoutbox_commentsAqui van los comentarios/div Alguna idea o ayuda para solucionar este problema? Saludos y gracias por adelantado Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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:
Re: [Ovillo] DIV posicionado absolutamente se sobrepone al DIV que tiene debajo de el
Sí señor !!! El 26/07/2012 19:29, Jose María Jareño García construyetunegocioeninter...@gmail.com escribió: Para todos quienes hagamos una consulta en esta lista. Por favor, hemos de tener presente que si quien hace una pregunta anda con mucho lío, cualquiera de quienes leen con ánimo de echar una mano puede andar menos o puede que 3 veces más ocupado que el demandante. Eso no lo sabemos, ¿verdad? Bien. ¿Tú qué opinas? Te lanzo una consulta que resulta que para entenderla casi te tienes que estudiar el proyecto del otro y encima... falta información o la pregunta no está clara... o resulta que tengo yo que poner energía más que tú para comprender lo que realmente quieres averiguar o qué te está fallando. Responde honestamente por favor: ¿Tú qué harías? ¿Pasar olímpicamente (por no perder un ratito venga... en escribir un mensajito aclaratorio como este para quienes van a los suyo y a ver si cae la solución poniendo el mínimo esfuerzo) o más bien te embarcas en desmenuzar la pregunta en cuestión hasta lograr comprender el fallo que te impide comprender la consulta que a su vez te permite saber qué pretende preguntar quien no se ha molestado si quiera en poner un poco de claridad en comunicar lo que obtener? No estoy hablando con acritud ninguna. Pero suena a lío eh! Por favor. Estoy sólo pidiendo a los que preguntemos un poco de criterio y compañerismo si cabe pedir esto aquí. Déjame decirlo de otro modo. Te dedico tiempo cuando leo tus consultas (me incluyo) tú que me preguntas a través de esta lista. Esto es una lista, pero detrás hay trabajadores y personas como tú, ocupadas. No abuses de la confianza de la lista y mucho menos de su tiempo. Por favor, sé conciso/a y formula una pregunta clara, concreta y cuya comprensión no nos haga perder el tiempo a ninguno/a, ni siquiera leyendo el mensaje de consulta. Este en realidad, ya debería nutrir por sí mismo, pero a veces quizá no se a posible llegar a tanto. De acuerdo. Pero ten presente que mi tiempo es mío. De nuevo, no hablo con acritud, ni enfado, ni siquiera para regañar. Me dirijo a la lista entera desde el sentido común y el criterio de para con quienes tenemos compromiso de dedicar tiempo a responder y alimentar la lista. Sé que me expongo a recibir críticas muy duras de quienes, justamente, suelen hacer esto, pero si a cambio mejoramos en este punto, dale. Ponme a parir de una soberana vez y por favor... pregunta lo que quieras... pero lam próxima vez sé específico/a. Por favor, reynierpm, no lo tomes a pecho por muy directo que te parezca que estoy siendo. De antemano te pido disculpas porque sé que puede parecer un mensaje dirigido a ti en exclusiva. Insisto, discúlpame. No es así. Es para todos. Por favor, reynierpm, formula de nuevo tu consulta para que podamos ayudarte y recibe mi saludo en son de cordialidad, pues en verdad mi intención ayudarte o que alguien pueda ayudarte. PD: envíanos un enlace a una web en la que poder ver las capas reales en funcionamiento, para que podamos detectar los fallos de lo que quieres conseguir exactamente, que de nuevo te ruego especifiques claramente. --- El 26 de julio de 2012 18:43, reynie...@gmail.com reynie...@gmail.com escribió: Buenos días a todos, tengo un problemita que no se como darle solución y espero que acá me puedan ayudar. Observen la imagen siguiente: http://www.dropmocks.com/mBkFDd. Si se dan cuenta hay 2 DIV uno gris claro y uno gris mas oscuro posicionado encima del otro (gris claro). El glis claro responde al ID #shoutbox_main y el mas oscuro al ID #shoutbox_container y estas son las clases que he declarado para cada uno de ellos: #shoutbox_main{padding:3px;background-color:#DDD;height:60px} #shoutbox_container{position: absolute;top:2px;margin:5px;padding:5px 5px 35px 5px;background-color:#999;z-index:;width:98%;display:block} Ahora bien debajo de #shoutbox_container hay otro DIV con clase .shoutbox_comments mas como verán en el marcado que les pondré a continuación pero me está ocurriendo que el mismo (.shoutbox_comments) se mete debajo de #shoutbox_container y no se como hacer para resolver este problema. El marcado HTML es bien sencillo les dejo acá una porción del mismo: div id=shoutbox_main nbsp; /div div id=shoutbox_container ?php echo form_open(site_url('wall/add'), array(class = form-horizontal, id = wall-add), array('wall_from' = isset($from) ? $from : )); ? textarea id=status name=status placeholder=?php echo lang(wall:shout) ? rows=2/textarea ?php form_close(); ? /div div class=shoutbox_commentsAqui van los comentarios/div Alguna idea o ayuda para solucionar este problema? Saludos y gracias por adelantado Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609
Re: [Ovillo] DIV posicionado absolutamente se sobrepone al DIV que tiene debajo de el
Gracias CHK Webmaster por tu respuesta lo resolvi fue dandole un mayor ancho al #shoutbox_main quedandome de esta forma: #shoutbox_main{padding:3px;background-color:#DDD;height:70px;margin-bottom:15px;} Y de esta forma he logrado que el DIV baje. Respecto a lo que se comenta aca totalmente de acuerdo mas como decimos en mi pais me cayó el traje y Jose Maria en ningun momento puse: estoy desesperado, haganme el trabajo que yo estoy sentado hechandome aire o alguna cosa semejante porque no soy ese tipo de personas que preguntan por pregunar pues si te das de cuenta en este correo me doy yo mismo la respuesta ademas de la posible solucion que me dio CHK ;) por otro lado creo que explique bien mi problema otra cosa es que algunos no lo entiendan y por otro lado no crees que sino pongo un enlace al sitio o a la pagina es porque no esta publico aun o alguna otra causa? Vamos ya! Un saludo, gracias a los que se tomaron un momento para leer mi correo asi no hayan respondido porque han estado ocupad@s o no han querido/podido y no se tomen nada a mal solo digo lo q pienso igual q otros mas Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.compe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 2012/7/26 CHK Webmaster admin...@gmail.com Reynier, leyendo el código por encima, creo que todo el problema viene de que cuando posicionas un div con absolute no se reserva el espacio que ocupa. Así que los elementos que le siguen continúan apilándose como si este no existiera (por esto y porque tienes z-index: 999) te queda el div de los comentarios debajo del div_absolute. Una posible solución, darle al div_comentarios un margin-top igual a la altura del div_absloute. Por otro lado, estoy de acuerdo con el comentario de José María de 2012/7/26 zegol gol zeg...@gmail.com Sí señor !!! El 26/07/2012 19:29, Jose María Jareño García construyetunegocioeninter...@gmail.com escribió: Para todos quienes hagamos una consulta en esta lista. Por favor, hemos de tener presente que si quien hace una pregunta anda con mucho lío, cualquiera de quienes leen con ánimo de echar una mano puede andar menos o puede que 3 veces más ocupado que el demandante. Eso no lo sabemos, ¿verdad? Bien. ¿Tú qué opinas? Te lanzo una consulta que resulta que para entenderla casi te tienes que estudiar el proyecto del otro y encima... falta información o la pregunta no está clara... o resulta que tengo yo que poner energía más que tú para comprender lo que realmente quieres averiguar o qué te está fallando. Responde honestamente por favor: ¿Tú qué harías? ¿Pasar olímpicamente (por no perder un ratito venga... en escribir un mensajito aclaratorio como este para quienes van a los suyo y a ver si cae la solución poniendo el mínimo esfuerzo) o más bien te embarcas en desmenuzar la pregunta en cuestión hasta lograr comprender el fallo que te impide comprender la consulta que a su vez te permite saber qué pretende preguntar quien no se ha molestado si quiera en poner un poco de claridad en comunicar lo que obtener? No estoy hablando con acritud ninguna. Pero suena a lío eh! Por favor. Estoy sólo pidiendo a los que preguntemos un poco de criterio y compañerismo si cabe pedir esto aquí. Déjame decirlo de otro modo. Te dedico tiempo cuando leo tus consultas (me incluyo) tú que me preguntas a través de esta lista. Esto es una lista, pero detrás hay trabajadores y personas como tú, ocupadas. No abuses de la confianza de la lista y mucho menos de su tiempo. Por favor, sé conciso/a y formula una pregunta clara, concreta y cuya comprensión no nos haga perder el tiempo a ninguno/a, ni siquiera leyendo el mensaje de consulta. Este en realidad, ya debería nutrir por sí mismo, pero a veces quizá no se a posible llegar a tanto. De acuerdo. Pero ten presente que mi tiempo es mío. De nuevo, no hablo con acritud, ni enfado, ni siquiera para regañar. Me dirijo a la lista entera desde el sentido común y el criterio de para con quienes tenemos compromiso de dedicar tiempo a responder y alimentar la lista. Sé que me expongo a recibir críticas muy duras de quienes, justamente, suelen hacer esto, pero si a cambio mejoramos en este punto, dale. Ponme a parir de una soberana vez y por favor... pregunta lo que quieras... pero lam próxima vez sé específico/a. Por favor, reynierpm, no lo tomes a pecho por muy directo que te parezca que estoy siendo. De antemano te pido disculpas porque sé que puede parecer un mensaje dirigido a ti en exclusiva. Insisto, discúlpame. No es así. Es para todos. Por favor, reynierpm, formula de nuevo tu consulta para que podamos ayudarte y recibe mi saludo en son de cordialidad, pues en verdad mi intención ayudarte o que alguien pueda ayudarte. PD: envíanos un enlace a una web en la que poder
Re: [Ovillo] DIV posicionado absolutamente se sobrepone al DIV que tiene debajo de el
Creo que me pasé de directo... Ok. Te pido disculpas de nuevo Reynier. Es sólo que a veces es difícil comprender lo que se consulta y esta vez no entendí tu pregunta. En lo sucesivo me morderé la lengua para no parecer un borde. El 26 de julio de 2012 23:14, reynie...@gmail.com reynie...@gmail.comescribió: Gracias CHK Webmaster por tu respuesta lo resolvi fue dandole un mayor ancho al #shoutbox_main quedandome de esta forma: #shoutbox_main{padding:3px;background-color:#DDD;height:70px;margin-bottom:15px;} Y de esta forma he logrado que el DIV baje. Respecto a lo que se comenta aca totalmente de acuerdo mas como decimos en mi pais me cayó el traje y Jose Maria en ningun momento puse: estoy desesperado, haganme el trabajo que yo estoy sentado hechandome aire o alguna cosa semejante porque no soy ese tipo de personas que preguntan por pregunar pues si te das de cuenta en este correo me doy yo mismo la respuesta ademas de la posible solucion que me dio CHK ;) por otro lado creo que explique bien mi problema otra cosa es que algunos no lo entiendan y por otro lado no crees que sino pongo un enlace al sitio o a la pagina es porque no esta publico aun o alguna otra causa? Vamos ya! Un saludo, gracias a los que se tomaron un momento para leer mi correo asi no hayan respondido porque han estado ocupad@s o no han querido/podido y no se tomen nada a mal solo digo lo q pienso igual q otros mas Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. reynie...@hotmail.com pe...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 2012/7/26 CHK Webmaster admin...@gmail.com Reynier, leyendo el código por encima, creo que todo el problema viene de que cuando posicionas un div con absolute no se reserva el espacio que ocupa. Así que los elementos que le siguen continúan apilándose como si este no existiera (por esto y porque tienes z-index: 999) te queda el div de los comentarios debajo del div_absolute. Una posible solución, darle al div_comentarios un margin-top igual a la altura del div_absloute. Por otro lado, estoy de acuerdo con el comentario de José María de 2012/7/26 zegol gol zeg...@gmail.com Sí señor !!! El 26/07/2012 19:29, Jose María Jareño García construyetunegocioeninter...@gmail.com escribió: Para todos quienes hagamos una consulta en esta lista. Por favor, hemos de tener presente que si quien hace una pregunta anda con mucho lío, cualquiera de quienes leen con ánimo de echar una mano puede andar menos o puede que 3 veces más ocupado que el demandante. Eso no lo sabemos, ¿verdad? Bien. ¿Tú qué opinas? Te lanzo una consulta que resulta que para entenderla casi te tienes que estudiar el proyecto del otro y encima... falta información o la pregunta no está clara... o resulta que tengo yo que poner energía más que tú para comprender lo que realmente quieres averiguar o qué te está fallando. Responde honestamente por favor: ¿Tú qué harías? ¿Pasar olímpicamente (por no perder un ratito venga... en escribir un mensajito aclaratorio como este para quienes van a los suyo y a ver si cae la solución poniendo el mínimo esfuerzo) o más bien te embarcas en desmenuzar la pregunta en cuestión hasta lograr comprender el fallo que te impide comprender la consulta que a su vez te permite saber qué pretende preguntar quien no se ha molestado si quiera en poner un poco de claridad en comunicar lo que obtener? No estoy hablando con acritud ninguna. Pero suena a lío eh! Por favor. Estoy sólo pidiendo a los que preguntemos un poco de criterio y compañerismo si cabe pedir esto aquí. Déjame decirlo de otro modo. Te dedico tiempo cuando leo tus consultas (me incluyo) tú que me preguntas a través de esta lista. Esto es una lista, pero detrás hay trabajadores y personas como tú, ocupadas. No abuses de la confianza de la lista y mucho menos de su tiempo. Por favor, sé conciso/a y formula una pregunta clara, concreta y cuya comprensión no nos haga perder el tiempo a ninguno/a, ni siquiera leyendo el mensaje de consulta. Este en realidad, ya debería nutrir por sí mismo, pero a veces quizá no se a posible llegar a tanto. De acuerdo. Pero ten presente que mi tiempo es mío. De nuevo, no hablo con acritud, ni enfado, ni siquiera para regañar. Me dirijo a la lista entera desde el sentido común y el criterio de para con quienes tenemos compromiso de dedicar tiempo a responder y alimentar la lista. Sé que me expongo a recibir críticas muy duras de quienes, justamente, suelen hacer esto, pero si a cambio mejoramos en este punto, dale. Ponme a parir de una soberana vez y por favor... pregunta lo que quieras... pero lam próxima vez sé específico/a. Por favor, reynierpm, no lo tomes a pecho por muy directo