[Ovillo] Contener un textarea en un div. No hay manera! :-[

2007-11-22 Por tema JuanP
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


Re: [Ovillo] Contener un textarea en un div. No hay manera! :-[

2007-11-22 Por tema Javier Trejo
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! :-[

2007-11-22 Por tema JuanP
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! :-[

2007-11-22 Por tema Javier Trejo
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! :-[

2007-11-22 Por tema Hernán Beati - SaberWeb.com.ar
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! :-[

2007-11-22 Por tema JuanP
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! :-[

2007-11-22 Por tema JuanP
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! :-[

2007-11-22 Por tema Hernán Beati - SaberWeb.com.ar
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! :-[

2007-11-22 Por tema LISTAS
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! :-[

2007-11-22 Por tema Juan Jorge Muñoz Herrero
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! :-[

2007-11-22 Por tema NetVicious
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