Re: [Ovillo] Contener un textarea en un div. No hay manera! :-[
te paso una solución a ver si te sirve, sólo me faltó probarla en IE6 porque
en estos momentos no tengo ninguno pero no creo que falle.
HTML
div id=midiv
textarea id=mitextarea rows=5/textarea
/div
CSS
#midiv {
background-color:#FF;
float:left;
padding:3px;
}
Saludos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de JuanP
Enviado el: jueves, 22 de noviembre de 2007 13:05
Para: Ovillo (Lista CSS)
Asunto: [Ovillo] Contener un textarea en un div. No hay manera! :-[
Buenas.
Estoy en el típico bloqueo CSSico consistente que por más que cambias,
quitas y pones, no hay manera; y lo que quiero es bien simple:
Tengo un textarea de un formulario y quiero rodearlo con un DIV.
He conseguido hacerlo funcionar en firefox pero no en explorer, y viceversa.
También he conseguido hacerlo funcionar en ambos navegadores, eso si:
Usando una tabla en lugar de un DIV, lo cual no deseo.
Aquí he dejado una demo, con las cuatro alternativas, comentadas
convenientemente:
http://www.silueth.com/p/textarea/div_textarea.html
Es interesante abrirla con Firefox y también con Explorer, para ver
más claramente las diferencias.
Pues eso: ¿Alguna sugerencia para contener un textarea en un div
compatible con todos los navegadores?
Saludos y gracias!
___
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] Contener un textarea en un div. No hay manera! :-[
Oh, perfecto!!
Pero ahora ocurre una cosa:
Lo siguientes elementos se posicionan al lado, sea lo que sea. Texto,
HR's, otros divs ¿De qué manera se indica por CSS que lo siguiente
aparezca debajo, como si el div del textarea fuera un block?
He añadido tu sugerencia al html de ejemplo: (abajo)
http://www.silueth.com/p/textarea/div_textarea.html
Gracias!!
On Nov 22, 2007 6:08 PM, Javier Trejo [EMAIL PROTECTED] wrote:
te paso una solución a ver si te sirve, sólo me faltó probarla en IE6 porque
en estos momentos no tengo ninguno pero no creo que falle.
HTML
div id=midiv
textarea id=mitextarea rows=5/textarea
/div
CSS
#midiv {
background-color:#FF;
float:left;
padding:3px;
}
Saludos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de JuanP
Enviado el: jueves, 22 de noviembre de 2007 13:05
Para: Ovillo (Lista CSS)
Asunto: [Ovillo] Contener un textarea en un div. No hay manera! :-[
Buenas.
Estoy en el típico bloqueo CSSico consistente que por más que cambias,
quitas y pones, no hay manera; y lo que quiero es bien simple:
Tengo un textarea de un formulario y quiero rodearlo con un DIV.
He conseguido hacerlo funcionar en firefox pero no en explorer, y viceversa.
También he conseguido hacerlo funcionar en ambos navegadores, eso si:
Usando una tabla en lugar de un DIV, lo cual no deseo.
Aquí he dejado una demo, con las cuatro alternativas, comentadas
convenientemente:
http://www.silueth.com/p/textarea/div_textarea.html
Es interesante abrirla con Firefox y también con Explorer, para ver
más claramente las diferencias.
Pues eso: ¿Alguna sugerencia para contener un textarea en un div
compatible con todos los navegadores?
Saludos y gracias!
___
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
___
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] Contener un textarea en un div. No hay manera! :-[
Supuse que sabías como cortar el flotado de un elementos, tenés que poner un
div vacío con un estilo que tenga un clear=both.
CSS
#midiv {
background-color:#FF;
float:left;
padding:3px;
}
.cleaner {
Clear:both;
}
HTML
div id=midiv
textarea id=mitextarea rows=5/textarea
/div
div class=cleaner/div
Otra opción que quizás te de un aspect muy similar y que puede servirte
CSS
#mitextarea {
border:3px solid #FF;
}
HTML
textarea id=mitextarea2 rows=5/textarea
Saludos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de JuanP
Enviado el: jueves, 22 de noviembre de 2007 14:28
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Contener un textarea en un div. No hay manera! :-[
Oh, perfecto!!
Pero ahora ocurre una cosa:
Lo siguientes elementos se posicionan al lado, sea lo que sea. Texto,
HR's, otros divs ¿De qué manera se indica por CSS que lo siguiente
aparezca debajo, como si el div del textarea fuera un block?
He añadido tu sugerencia al html de ejemplo: (abajo)
http://www.silueth.com/p/textarea/div_textarea.html
Gracias!!
On Nov 22, 2007 6:08 PM, Javier Trejo [EMAIL PROTECTED] wrote:
te paso una solución a ver si te sirve, sólo me faltó probarla en IE6
porque
en estos momentos no tengo ninguno pero no creo que falle.
HTML
div id=midiv
textarea id=mitextarea rows=5/textarea
/div
CSS
#midiv {
background-color:#FF;
float:left;
padding:3px;
}
Saludos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
En nombre de JuanP
Enviado el: jueves, 22 de noviembre de 2007 13:05
Para: Ovillo (Lista CSS)
Asunto: [Ovillo] Contener un textarea en un div. No hay manera! :-[
Buenas.
Estoy en el típico bloqueo CSSico consistente que por más que cambias,
quitas y pones, no hay manera; y lo que quiero es bien simple:
Tengo un textarea de un formulario y quiero rodearlo con un DIV.
He conseguido hacerlo funcionar en firefox pero no en explorer, y
viceversa.
También he conseguido hacerlo funcionar en ambos navegadores, eso si:
Usando una tabla en lugar de un DIV, lo cual no deseo.
Aquí he dejado una demo, con las cuatro alternativas, comentadas
convenientemente:
http://www.silueth.com/p/textarea/div_textarea.html
Es interesante abrirla con Firefox y también con Explorer, para ver
más claramente las diferencias.
Pues eso: ¿Alguna sugerencia para contener un textarea en un div
compatible con todos los navegadores?
Saludos y gracias!
___
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
___
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] Contener un textarea en un div. No hay manera! :-[
JuanP escribió: Y ahora un poco de reflexión: (Ladrillo incoming) Ladrillo 2 outgoing! ;-) La verdad es que llevo diseñando/programando para la Web desde hace tiempo (el siglo pasado xDDD), Yo también, así que estamos entre viejos diseñadores que fuimos acostumbrados a las viejas tablas. ¿Tu auto es un Ford T? ¿Puedes transitar por las mismas carreteras y a la misma velocidad que con un modelo recién fabricado? Piénsalo. Fíjate este ejemplo: He localizado tres combinaciones diferentes (a priori válidas) que muestran diferencias para una operación tan simple como arropar un área de texto. Es que habría que plantearse si es necesario realmente envolver un elemento textarea con un div, ¿para lograr qué? a) Algo decorativo ¿un borde? No deberías agregar tags para eso, con poner una regla de estilo en el CSS alcanzaba. b) Y si la necesidad venía por el lado de la programación JavaScript, podrías agregar dinámicamente ese nodo con DOM accesible y multinavegador. Obviamente que no todos los ejecutarán, pero eso debes tenerlo claro a estas alturas. (Me refiero a que se necesita un navegador ultimo modelo para que funcione). Olvidémonos de las PDAs, teléfonos, mail HTML, etc. Todo lo contrario! Un sitio hecho separando contenido de presentación se ve perfectamente bien en una PDS, un teléfono, etc. Se ve la capa 1, la de contenidos. Un sitio hecho con tablas, NO. Ya que mezcla contenidos con formato. El punto es querer obligar a ejecutar idénticos efectos visuales (mostrar y esconder capas, por ejemplo) a todos los usuarios uniformemente. Es un error conceptual del diseñador, no es un problema técnico del navegador. Simples capas que aparecen y desaparecen, por ejemplo. Me parece muy fuerte que la solución que le tenga que dar es cambie de ordenador, cuando ése le va bien y sin CSS se puede hacer igualmente. La solución es: ¿tiene sentido que la información se visualice apareciendo y desapareciendo en todos los dispositivos por igual? No me imagino eso en la pantalla de un teléfono... Si sabes programar en 3 capas (contenidos, estética y comportamiento), con x/HTML, CSS y JavaScript accesible, no obstrusivo o como quieras llamarlo, aquellos que posean navegadores nuevos verán el efecto super-que-tanto-te-gusta, y los que no, pues ellos saben que su navegador antiguo tiene ciertas limitaciones, no debes pretender que vean lo mismo que ve un usuario con el último navegador. Pero deben poder acceder al contenido (capa 1). Una capa no debe destrozar la capa anterior. Si no tengo JavaScript, veo x/HTML y CSS. Si no tengo CSS, veo x/HTML. Pero siempre veo los contenidos. Sería como pretender que construyamos carreteras donde se pueda circular a 120 km/hora, pero obligando a quien tenga un Ford T del año 20 a que circule a esa misma valocidad mínima. ¿Por qué? Por eso digo que a día de hoy, utilizar CSS puro por desgracia impedirá el funcionamiento de los sitios en bastantes equipos. Todo depende de los conceptos que maneje quien programe. Si sabes separar tu código en 3 capas (no hablo de DIVs, hablo de capas conceptuales: contenidos, estética, comportamiento) no tendrás ningún problema a la hora de proporcionar la información al visitante. Contenido: x/HTML Estética: CSS Comportamiento: JavaScript Claro, es el usuario el que decidirá si utiliza tal o cual software, nuevo o viejo, lo importante es que no sea discriminado por eso (y en este punto, es mucho más accesible un sitio construido sin tablas que uno con tablas). He dicho! Saludos. Hernán Beati www.saberweb.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
Re: [Ovillo] Contener un textarea en un div. No hay manera! :-[
Muchas gracias!
Y ahora un poco de reflexión: (Ladrillo incoming)
La verdad es que llevo diseñando/programando para la Web desde hace
tiempo (el siglo pasado xDDD), pero es que hasta ahora no me había
planteado usar CSS puro, quizá por estas complicaciones relacionadas
con los distintos navegadores.
Fíjate este ejemplo: He localizado tres combinaciones diferentes (a
priori válidas) que muestran diferencias para una operación tan simple
como arropar un área de texto.
Sin embargo, usando las tradicionales tablas,se consigue sin
complicaciones y para todos los navegadores, incluídos los teléfonos
de hace tres años. ¿Por qué no hay tablas en CSS? Hombre, entiendo que
se pueden simular en CSS, pero el método es mucho más engorroso.
Yo soy el primero que desea usar los standares, pero hay que reconocer
que a día de hoy es más complejo y menos compatible. (Me refiero a que
se necesita un navegador ultimo modelo para que funcione).
Olvidémonos de las PDAs, teléfonos, mail HTML, etc.
Por ejemplo: Una de las webs que llevo es para un asunto de mi padre,
que tiene un Macintosh de hace años, con el Finder antiguo. Ya no se
hacen más navegadores para ese S.O. El último es el Explorer 5.1 o el
Opera 4.
Pues bien: continuamente estoy actualizando cosas y muchas ideas no
las puedo realizar con CSS. Cosas triviales, ninguna complicación.
Simples capas que aparecen y desaparecen, por ejemplo. Me parece muy
fuerte que la solución que le tenga que dar es cambie de ordenador,
cuando ése le va bien y sin CSS se puede hacer igualmente.
Por eso digo que a día de hoy, utilizar CSS puro por desgracia
impedirá el funcionamiento de los sitios en bastantes equipos.
Sirva esto como reflexión -nada más-. La verdad es que esta lista está
haciendo mucho por fomentar el CSS y es sin duda uno de los mejores
recursos en toda la Web, sino el mejor.
Saludos!
On Nov 22, 2007 7:01 PM, Javier Trejo [EMAIL PROTECTED] wrote:
Supuse que sabías como cortar el flotado de un elementos, tenés que poner un
div vacío con un estilo que tenga un clear=both.
CSS
#midiv {
background-color:#FF;
float:left;
padding:3px;
}
.cleaner {
Clear:both;
}
HTML
div id=midiv
textarea id=mitextarea rows=5/textarea
/div
div class=cleaner/div
Otra opción que quizás te de un aspect muy similar y que puede servirte
CSS
#mitextarea {
border:3px solid #FF;
}
HTML
textarea id=mitextarea2 rows=5/textarea
Saludos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de JuanP
Enviado el: jueves, 22 de noviembre de 2007 14:28
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Contener un textarea en un div. No hay manera! :-[
Oh, perfecto!!
Pero ahora ocurre una cosa:
Lo siguientes elementos se posicionan al lado, sea lo que sea. Texto,
HR's, otros divs ¿De qué manera se indica por CSS que lo siguiente
aparezca debajo, como si el div del textarea fuera un block?
He añadido tu sugerencia al html de ejemplo: (abajo)
http://www.silueth.com/p/textarea/div_textarea.html
Gracias!!
On Nov 22, 2007 6:08 PM, Javier Trejo [EMAIL PROTECTED] wrote:
te paso una solución a ver si te sirve, sólo me faltó probarla en IE6
porque
en estos momentos no tengo ninguno pero no creo que falle.
HTML
div id=midiv
textarea id=mitextarea rows=5/textarea
/div
CSS
#midiv {
background-color:#FF;
float:left;
padding:3px;
}
Saludos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
En nombre de JuanP
Enviado el: jueves, 22 de noviembre de 2007 13:05
Para: Ovillo (Lista CSS)
Asunto: [Ovillo] Contener un textarea en un div. No hay manera! :-[
Buenas.
Estoy en el típico bloqueo CSSico consistente que por más que cambias,
quitas y pones, no hay manera; y lo que quiero es bien simple:
Tengo un textarea de un formulario y quiero rodearlo con un DIV.
He conseguido hacerlo funcionar en firefox pero no en explorer, y
viceversa.
También he conseguido hacerlo funcionar en ambos navegadores, eso si:
Usando una tabla en lugar de un DIV, lo cual no deseo.
Aquí he dejado una demo, con las cuatro alternativas, comentadas
convenientemente:
http://www.silueth.com/p/textarea/div_textarea.html
Es interesante abrirla con Firefox y también con Explorer, para ver
más claramente las diferencias.
Pues eso: ¿Alguna sugerencia para contener un textarea en un div
compatible con todos los navegadores?
Saludos y gracias
Re: [Ovillo] Contener un textarea en un div. No hay manera! :-[
Oiga, pues la explicación me ha encantado. Por cierto, ¿para qué quería rodear un textarea con un div? Evidentemente, no para pintarle el borde, sino para hacer un contenedor con varias cosas dentro: -El textarea -Un par de botones para alargar-reducir el tamaño del textarea, que dispararían un javascript que modificaría el tamaño del textarea en cuestión. Ello era. Y me ofusqué un poco cuando simplemente rodeándolo, no funcionaba! No obstante, durante el día de hoy estuve investigando y he encontrado, para tal operación, esta autentica maravilla: http://www.silueth.com/p/textarea/textarea3.html (La fuente/autor los he puesto en el código) Saludos. On Nov 22, 2007 9:37 PM, Hernán Beati - SaberWeb.com.ar [EMAIL PROTECTED] wrote: JuanP escribió: Y ahora un poco de reflexión: (Ladrillo incoming) Ladrillo 2 outgoing! ;-) La verdad es que llevo diseñando/programando para la Web desde hace tiempo (el siglo pasado xDDD), Yo también, así que estamos entre viejos diseñadores que fuimos acostumbrados a las viejas tablas. ¿Tu auto es un Ford T? ¿Puedes transitar por las mismas carreteras y a la misma velocidad que con un modelo recién fabricado? Piénsalo. Fíjate este ejemplo: He localizado tres combinaciones diferentes (a priori válidas) que muestran diferencias para una operación tan simple como arropar un área de texto. Es que habría que plantearse si es necesario realmente envolver un elemento textarea con un div, ¿para lograr qué? a) Algo decorativo ¿un borde? No deberías agregar tags para eso, con poner una regla de estilo en el CSS alcanzaba. b) Y si la necesidad venía por el lado de la programación JavaScript, podrías agregar dinámicamente ese nodo con DOM accesible y multinavegador. Obviamente que no todos los ejecutarán, pero eso debes tenerlo claro a estas alturas. (Me refiero a que se necesita un navegador ultimo modelo para que funcione). Olvidémonos de las PDAs, teléfonos, mail HTML, etc. Todo lo contrario! Un sitio hecho separando contenido de presentación se ve perfectamente bien en una PDS, un teléfono, etc. Se ve la capa 1, la de contenidos. Un sitio hecho con tablas, NO. Ya que mezcla contenidos con formato. El punto es querer obligar a ejecutar idénticos efectos visuales (mostrar y esconder capas, por ejemplo) a todos los usuarios uniformemente. Es un error conceptual del diseñador, no es un problema técnico del navegador. Simples capas que aparecen y desaparecen, por ejemplo. Me parece muy fuerte que la solución que le tenga que dar es cambie de ordenador, cuando ése le va bien y sin CSS se puede hacer igualmente. La solución es: ¿tiene sentido que la información se visualice apareciendo y desapareciendo en todos los dispositivos por igual? No me imagino eso en la pantalla de un teléfono... Si sabes programar en 3 capas (contenidos, estética y comportamiento), con x/HTML, CSS y JavaScript accesible, no obstrusivo o como quieras llamarlo, aquellos que posean navegadores nuevos verán el efecto super-que-tanto-te-gusta, y los que no, pues ellos saben que su navegador antiguo tiene ciertas limitaciones, no debes pretender que vean lo mismo que ve un usuario con el último navegador. Pero deben poder acceder al contenido (capa 1). Una capa no debe destrozar la capa anterior. Si no tengo JavaScript, veo x/HTML y CSS. Si no tengo CSS, veo x/HTML. Pero siempre veo los contenidos. Sería como pretender que construyamos carreteras donde se pueda circular a 120 km/hora, pero obligando a quien tenga un Ford T del año 20 a que circule a esa misma valocidad mínima. ¿Por qué? Por eso digo que a día de hoy, utilizar CSS puro por desgracia impedirá el funcionamiento de los sitios en bastantes equipos. Todo depende de los conceptos que maneje quien programe. Si sabes separar tu código en 3 capas (no hablo de DIVs, hablo de capas conceptuales: contenidos, estética, comportamiento) no tendrás ningún problema a la hora de proporcionar la información al visitante. Contenido: x/HTML Estética: CSS Comportamiento: JavaScript Claro, es el usuario el que decidirá si utiliza tal o cual software, nuevo o viejo, lo importante es que no sea discriminado por eso (y en este punto, es mucho más accesible un sitio construido sin tablas que uno con tablas). He dicho! Saludos. Hernán Beati www.saberweb.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 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] Contener un textarea en un div. No hay manera! :-[
JuanP escribió: durante el día de hoy estuve investigando y he encontrado, para tal operación, esta autentica maravilla: http://www.silueth.com/p/textarea/textarea3.html Muy bueno! En particular, porque la parte de contenido (x/HTML) es válida, y en caso de tener JavaScript desactivado, permite que el usuario pueda acceder de todas maneras al textarea y escribir dentro de él, lo que lo vuelve un script accesible o no intrusivo (no invalida capas conceptuales más básicas). Muy buen script, gracias por compartirlo! Saludos, Hernán Beati www.saberweb.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
Re: [Ovillo] Contener un textarea en un div. No hay manera! :-[
Está piola, che. Aquí tienes otro comportamiento interesante... http://www.ligadelconsorcista.org/nelson_zavaleta y el script está en: http://www.ligadelconsorcista.org/misc/textarea.js A.v.W. - Original Message - From: JuanP [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, November 22, 2007 5:46 PM Subject: Re: [Ovillo] Contener un textarea en un div. No hay manera! :-[ Oiga, pues la explicación me ha encantado. Por cierto, ¿para qué quería rodear un textarea con un div? Evidentemente, no para pintarle el borde, sino para hacer un contenedor con varias cosas dentro: -El textarea -Un par de botones para alargar-reducir el tamaño del textarea, que dispararían un javascript que modificaría el tamaño del textarea en cuestión. Ello era. Y me ofusqué un poco cuando simplemente rodeándolo, no funcionaba! No obstante, durante el día de hoy estuve investigando y he encontrado, para tal operación, esta autentica maravilla: http://www.silueth.com/p/textarea/textarea3.html (La fuente/autor los he puesto en el código) Saludos. On Nov 22, 2007 9:37 PM, Hernán Beati - SaberWeb.com.ar [EMAIL PROTECTED] wrote: JuanP escribió: Y ahora un poco de reflexión: (Ladrillo incoming) Ladrillo 2 outgoing! ;-) La verdad es que llevo diseñando/programando para la Web desde hace tiempo (el siglo pasado xDDD), Yo también, así que estamos entre viejos diseñadores que fuimos acostumbrados a las viejas tablas. ¿Tu auto es un Ford T? ¿Puedes transitar por las mismas carreteras y a la misma velocidad que con un modelo recién fabricado? Piénsalo. Fíjate este ejemplo: He localizado tres combinaciones diferentes (a priori válidas) que muestran diferencias para una operación tan simple como arropar un área de texto. Es que habría que plantearse si es necesario realmente envolver un elemento textarea con un div, ¿para lograr qué? a) Algo decorativo ¿un borde? No deberías agregar tags para eso, con poner una regla de estilo en el CSS alcanzaba. b) Y si la necesidad venía por el lado de la programación JavaScript, podrías agregar dinámicamente ese nodo con DOM accesible y multinavegador. Obviamente que no todos los ejecutarán, pero eso debes tenerlo claro a estas alturas. (Me refiero a que se necesita un navegador ultimo modelo para que funcione). Olvidémonos de las PDAs, teléfonos, mail HTML, etc. Todo lo contrario! Un sitio hecho separando contenido de presentación se ve perfectamente bien en una PDS, un teléfono, etc. Se ve la capa 1, la de contenidos. Un sitio hecho con tablas, NO. Ya que mezcla contenidos con formato. El punto es querer obligar a ejecutar idénticos efectos visuales (mostrar y esconder capas, por ejemplo) a todos los usuarios uniformemente. Es un error conceptual del diseñador, no es un problema técnico del navegador. Simples capas que aparecen y desaparecen, por ejemplo. Me parece muy fuerte que la solución que le tenga que dar es cambie de ordenador, cuando ése le va bien y sin CSS se puede hacer igualmente. La solución es: ¿tiene sentido que la información se visualice apareciendo y desapareciendo en todos los dispositivos por igual? No me imagino eso en la pantalla de un teléfono... Si sabes programar en 3 capas (contenidos, estética y comportamiento), con x/HTML, CSS y JavaScript accesible, no obstrusivo o como quieras llamarlo, aquellos que posean navegadores nuevos verán el efecto super-que-tanto-te-gusta, y los que no, pues ellos saben que su navegador antiguo tiene ciertas limitaciones, no debes pretender que vean lo mismo que ve un usuario con el último navegador. Pero deben poder acceder al contenido (capa 1). Una capa no debe destrozar la capa anterior. Si no tengo JavaScript, veo x/HTML y CSS. Si no tengo CSS, veo x/HTML. Pero siempre veo los contenidos. Sería como pretender que construyamos carreteras donde se pueda circular a 120 km/hora, pero obligando a quien tenga un Ford T del año 20 a que circule a esa misma valocidad mínima. ¿Por qué? Por eso digo que a día de hoy, utilizar CSS puro por desgracia impedirá el funcionamiento de los sitios en bastantes equipos. Todo depende de los conceptos que maneje quien programe. Si sabes separar tu código en 3 capas (no hablo de DIVs, hablo de capas conceptuales: contenidos, estética, comportamiento) no tendrás ningún problema a la hora de proporcionar la información al visitante. Contenido: x/HTML Estética: CSS Comportamiento: JavaScript Claro, es el usuario el que decidirá si utiliza tal o cual software, nuevo o viejo, lo importante es que no sea discriminado por eso (y en este punto, es mucho más accesible un sitio construido sin tablas que uno con tablas). He dicho! Saludos. Hernán Beati www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo
Re: [Ovillo] Contener un textarea en un div. No hay manera! :-[
La verdad es que con esta te has lucido, casi lloro,ajajjaj En serio, de las mejores explicaciones que he visto desde hace tiempo... PD: al textarea de antes le falta el cols Nota: Un div, semánticamente es block, veo un poco absurdo ponerle un display inline, y menos para albergar a otro elemento de bloque como el textarea. De todas formas lo ejemplos los veo buenos ;D El día 22/11/07, Hernán Beati - SaberWeb.com.ar [EMAIL PROTECTED] escribió: JuanP escribió: Y ahora un poco de reflexión: (Ladrillo incoming) Ladrillo 2 outgoing! ;-) La verdad es que llevo diseñando/programando para la Web desde hace tiempo (el siglo pasado xDDD), Yo también, así que estamos entre viejos diseñadores que fuimos acostumbrados a las viejas tablas. ¿Tu auto es un Ford T? ¿Puedes transitar por las mismas carreteras y a la misma velocidad que con un modelo recién fabricado? Piénsalo. Fíjate este ejemplo: He localizado tres combinaciones diferentes (a priori válidas) que muestran diferencias para una operación tan simple como arropar un área de texto. Es que habría que plantearse si es necesario realmente envolver un elemento textarea con un div, ¿para lograr qué? a) Algo decorativo ¿un borde? No deberías agregar tags para eso, con poner una regla de estilo en el CSS alcanzaba. b) Y si la necesidad venía por el lado de la programación JavaScript, podrías agregar dinámicamente ese nodo con DOM accesible y multinavegador. Obviamente que no todos los ejecutarán, pero eso debes tenerlo claro a estas alturas. (Me refiero a que se necesita un navegador ultimo modelo para que funcione). Olvidémonos de las PDAs, teléfonos, mail HTML, etc. Todo lo contrario! Un sitio hecho separando contenido de presentación se ve perfectamente bien en una PDS, un teléfono, etc. Se ve la capa 1, la de contenidos. Un sitio hecho con tablas, NO. Ya que mezcla contenidos con formato. El punto es querer obligar a ejecutar idénticos efectos visuales (mostrar y esconder capas, por ejemplo) a todos los usuarios uniformemente. Es un error conceptual del diseñador, no es un problema técnico del navegador. Simples capas que aparecen y desaparecen, por ejemplo. Me parece muy fuerte que la solución que le tenga que dar es cambie de ordenador, cuando ése le va bien y sin CSS se puede hacer igualmente. La solución es: ¿tiene sentido que la información se visualice apareciendo y desapareciendo en todos los dispositivos por igual? No me imagino eso en la pantalla de un teléfono... Si sabes programar en 3 capas (contenidos, estética y comportamiento), con x/HTML, CSS y JavaScript accesible, no obstrusivo o como quieras llamarlo, aquellos que posean navegadores nuevos verán el efecto super-que-tanto-te-gusta, y los que no, pues ellos saben que su navegador antiguo tiene ciertas limitaciones, no debes pretender que vean lo mismo que ve un usuario con el último navegador. Pero deben poder acceder al contenido (capa 1). Una capa no debe destrozar la capa anterior. Si no tengo JavaScript, veo x/HTML y CSS. Si no tengo CSS, veo x/HTML. Pero siempre veo los contenidos. Sería como pretender que construyamos carreteras donde se pueda circular a 120 km/hora, pero obligando a quien tenga un Ford T del año 20 a que circule a esa misma valocidad mínima. ¿Por qué? Por eso digo que a día de hoy, utilizar CSS puro por desgracia impedirá el funcionamiento de los sitios en bastantes equipos. Todo depende de los conceptos que maneje quien programe. Si sabes separar tu código en 3 capas (no hablo de DIVs, hablo de capas conceptuales: contenidos, estética, comportamiento) no tendrás ningún problema a la hora de proporcionar la información al visitante. Contenido: x/HTML Estética: CSS Comportamiento: JavaScript Claro, es el usuario el que decidirá si utiliza tal o cual software, nuevo o viejo, lo importante es que no sea discriminado por eso (y en este punto, es mucho más accesible un sitio construido sin tablas que uno con tablas). He dicho! Saludos. Hernán Beati www.saberweb.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 -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ 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] Contener un textarea en un div. No hay manera! :-[
El jueves, 22 nov 2007 a las 21:14, JuanP escribió: Sin embargo, usando las tradicionales tablas,se consigue sin complicaciones y para todos los navegadores, incluídos los teléfonos de hace tres años. ¿Por qué no hay tablas en CSS? Hombre, entiendo que se pueden simular en CSS, pero el método es mucho más engorroso. Veamos, las tablas siguen existiendo hoy en día pero se deberían utilizar para representar datos tabulados no para diseño. Nadie te impide que sigas utilizando tablas, no será 100% accesible pero será visible. En CSS la propiedad display tiene opciones que hacen un div/span simule ser una celda, en el siguiente enlace puedes ver todas las opciones. ¿Pegas? Algunos navegadores no lo soportan (aka IE). http://www.w3schools.com/css/pr_class_display.asp Yo soy el primero que desea usar los standares, pero hay que reconocer que a día de hoy es más complejo y menos compatible. (Me refiero a que se necesita un navegador ultimo modelo para que funcione). Olvidémonos de las PDAs, teléfonos, mail HTML, etc. Si hoy en día tuvieramos que tener en cuenta a los navegadores históricos (no hablo del IE 5.0 que es tu caso) realizar una página web que se viese perfectamente en cualquier navegador sería muy costoso. Creo que ya tenemos suficiente con programar desde el IE 5.5 hacia arriba como para bajar más. Todos ansiamos el día en el que todos los navegadores soporten al 100% CSS2.0 (que es del año 1998 ahí es nada), no hablo ni del CSS2.1 ni del futuro CSS3.0, ni que pase el Acid2, personalmente con el CSS2.0 ya me daba en los dientes. La informática avanza muy rápido y aunque hoy aún hay mucha gente que navega a 800x600 son ya muchas las webs que utilizan por defecto 1024x768 o incluso más. La toma de esta decisión viene dada por los visitantes de la web. Cuando el porcentaje de visitantes que utiliza un navegador muy antiguo (aka IE 5, Navigator 4, ...) es muy bajo o nulo es momento de dar carpetazo al lastre que conlleva la programación para esos navegadores. Hoy en día se puede decir que lo normal es programar de IE 5.5 para arriba y Firefox, Opera no suele quejarse mucho si tu página valida. En cuanto a resoluciones por seguir el ejemplo que he puesto antes hay webs que aún tienen un 15% de visitas a 800x600 y otras que no llega al 3%. En las estadísticas actuales de una página hoy en día se suele ver como el 800x600 tiende a desaparecer, las 1024x768 son poco a poco absorbidas por 1280x1024 y más. Pues bien: continuamente estoy actualizando cosas y muchas ideas no las puedo realizar con CSS. Cosas triviales, ninguna complicación. Simples capas que aparecen y desaparecen, por ejemplo. Me parece muy fuerte que la solución que le tenga que dar es cambie de ordenador, cuando ése le va bien y sin CSS se puede hacer igualmente. La informática es en parte así de cruel. Hoy en día navegar con una máquina que en su momento llevaba el Windows 98 se puede decir que es prácticamente imposible porque si le metes un IE nuevo la matas en cuanto a rendimiento y si no se lo pones te comes mil troyanos por segundo. Por eso digo que a día de hoy, utilizar CSS puro por desgracia impedirá el funcionamiento de los sitios en bastantes equipos. Si el bastantes que comentas es un % bajo o prácticamente nulo es algo aceptable y se puede renunciar a esas visitas en pos de facilidad de programación. Otra cosa es que la aplicación web que estamos desarrollando vaya a ser consultada desde dispositivos móviles, en dicho caso lo que se suele hacer es realizar una segunda página web en formato wml (dispositivos con soporte wap) que simplemente muestre la información textual, este acceso se puede colocar también en un enlace en la página web para personas invidentes sin utilizar ficheros WML. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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
