RE: [Ovillo] Texto que deforma tabla
Hey lista? Alguna ayuda con esto, de verás que ya no se que hacer
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demás...
> -Mensaje original-
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] En nombre de Reynier
> Perez Mira
> Enviado el: Thursday, March 30, 2006 11:08 AM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: RE: [Ovillo] Texto que deforma tabla
>
> Hola a todos por acá:
> Yo como siempre fajado con los CSS y tratando de llevarlo
> todo de TD a DIV pero hasta que no lo logre completamente
> estoy como que medio embarcado :( He probado de la forma en
> que me dicen y nada. Aqui os dejo los CSS y las imagenes de
> ejemplo para que hechen un vistazo a ver que es lo que estoy
> haciendo mal. Cuando era para el elemento TD:
> td.noticias_cabecera {
> background: url(../images/simpro_r11_c1.jpg) no-repeat;
> line-height: 44px;
> width: 192px;
> max-height: 44px;
> white-space: pre;
> }
> div.contenido_noticias_cabecera {
> vertical-align: top;
> text-align:justify;
> padding: 0px 2px 0px 2px;
> }
>
> Ahora para el elemento DIV:
> td.noticias_cabecera {
> background: url(../images/simpro_r11_c1.jpg) no-repeat;
> } div.contenido_noticias_cabecera {
> vertical-align: top;
> text-align:justify;
> line-height: 44px;
> width: 192px;
> max-height: 44px;
> padding: 0px 2px 0px 2px;
> white-space: pre;
> }
>
> El HTML es este:
>
>
>ID="columna_izquierda_titulo_noticias_arriba" />
>
>
>
> Aqui te dejo las tres posibilidades de la propiedad
> "white-space" y lo que ocurre con cada una de ellas:
> [1] white-space: normal
> * aplicado al elemento TD:
> http://img66.imageshack.us/img66/6641/whitespacenormal7aj.jpg
> * aplicado al elemento DIV:
> http://img148.imageshack.us/img148/5347/whitespaceprenormal9jb.jpg
> [2] white-space: pre
> * aplicado al elemento TD:
> http://img78.imageshack.us/img78/2301/whitespacepre9om.jpg
> * aplicado al elemento DIV:
> http://img72.imageshack.us/img72/884/whitespaceprediv8ke.jpg
> [3] white-space: nowrap
> * aplicado al elemento TD:
> http://img146.imageshack.us/img146/5573/whitespacewordwrap1il.jpg
> * aplicado al elemento DIV:
> http://img147.imageshack.us/img147/9106/whitespaceprewordwrap6bx.jpg
>
> Espero por su ayuda
> Salu2
> --
> ReynierPM
> 4to. Ing. Informática
> Linux User: #310201
> El programador superhéroe aprende de compartir sus
> conocimientos. Es el referente de sus compañeros. Todo el
> mundo va a preguntarle y él, secretamente, lo fomenta porque
> es así como adquiere su legendaria sabiduría: escuchando
> ayudando a los demá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://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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Texto que deforma tabla
Hola a todos por acá:
Yo como siempre fajado con los CSS y tratando de llevarlo todo de TD a DIV pero
hasta que no lo logre completamente estoy como que medio embarcado :(
He probado de la forma en que me dicen y nada. Aqui os dejo los CSS y las
imagenes de ejemplo para que hechen un vistazo a ver que es lo que estoy
haciendo mal. Cuando era para el elemento TD:
td.noticias_cabecera {
background: url(../images/simpro_r11_c1.jpg) no-repeat;
line-height: 44px;
width: 192px;
max-height: 44px;
white-space: pre;
}
div.contenido_noticias_cabecera {
vertical-align: top;
text-align:justify;
padding: 0px 2px 0px 2px;
}
Ahora para el elemento DIV:
td.noticias_cabecera {
background: url(../images/simpro_r11_c1.jpg) no-repeat;
}
div.contenido_noticias_cabecera {
vertical-align: top;
text-align:justify;
line-height: 44px;
width: 192px;
max-height: 44px;
padding: 0px 2px 0px 2px;
white-space: pre;
}
El HTML es este:
Aqui te dejo las tres posibilidades de la propiedad "white-space" y lo que
ocurre con cada una de ellas:
[1] white-space: normal
* aplicado al elemento TD:
http://img66.imageshack.us/img66/6641/whitespacenormal7aj.jpg
* aplicado al elemento DIV:
http://img148.imageshack.us/img148/5347/whitespaceprenormal9jb.jpg
[2] white-space: pre
* aplicado al elemento TD:
http://img78.imageshack.us/img78/2301/whitespacepre9om.jpg
* aplicado al elemento DIV:
http://img72.imageshack.us/img72/884/whitespaceprediv8ke.jpg
[3] white-space: nowrap
* aplicado al elemento TD:
http://img146.imageshack.us/img146/5573/whitespacewordwrap1il.jpg
* aplicado al elemento DIV:
http://img147.imageshack.us/img147/9106/whitespaceprewordwrap6bx.jpg
Espero por su ayuda
Salu2
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demá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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Texto que deforma tabla
No la cuenta que poseo es de Gmail y lo que poseo es Picasa. Me sirve igual?
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demás...
> -Mensaje original-
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] En nombre de Carlos Machado
> Enviado el: Monday, March 27, 2006 2:59 PM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Texto que deforma tabla
>
> hola pregunto:
>
>
> posees una cuenta en yahoo ya que si tienes la herramienta de
> fotocorreo te permite cargar las fotos y mostrarlas dentro
> del mensaje sin necesidad de adjuntar archivos o estas se
> nuestran dentro del cuerpo del mensaje y no van adjuntas
>
> de esta forma podras mandarlas al grupo y que se visualicen
> para que te demos solución a tu inquietud
>
>
> CARLOS
> - Original Message -
> From: "Reynier Perez Mira" <[EMAIL PROTECTED]>
> To: "Ovillo, la lista de CSS en castellano"
> Sent: Monday, March 27, 2006 9:49 AM
> Subject: RE: [Ovillo] Texto que deforma tabla
>
>
> Hola y gracias por tu respuesta scriptTM:
> He probado lo que me dices sobre la propiedad white-space
> pero no logro que
> me organizé las cosas como quiero. Aquí te dejo el estilo:
> td.noticias_cabecera {
> background: url(../images/simpro_r11_c1.jpg) no-repeat;
> line-height: 44px; width: 192px;
> max-height: 44px;
> white-space: normal;
> }
> Como ves tiene una imagen de fondo y un tamaño maximo de
> 44px, ahora el
> texto me deforma por completo el tamaño de 44px incluso
> cuando le tengo
> puesto que el maximo valor sea de 44 pero al parecer eso no
> le hace caso.
>
> A los administradores y moderadores de la lista: tengo un
> problema y es que
> no puedo subir el sitio a ningun lado para que los listeros
> observen el
> problema que me da. Sin embargo poseo tres imagenes que creo
> sumadas todas
> no superan los 10 kb y necesito saber si se puede enviar a la
> misma de forma
> tal de que los que me quieran ayudar vean ejemplos y puedan
> darle solucion o
> al menos darme las posibles vias de solucion para yo ponerlas
> en práctica.
> Salu2
>
> --
> ReynierPM
> 4to. Ing. Informática
> Linux User: #310201
> El programador superhéroe aprende de compartir sus
> conocimientos. Es el
> referente de sus compañeros. Todo el mundo va a preguntarle y él,
> secretamente, lo fomenta porque es así como adquiere su legendaria
> sabiduría: escuchando ayudando a los demá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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Texto que deforma tabla
Talves te sirva colocar un salto de línea a cierta cantidad de caracteres,
con JavaScript o lenguaje de servidor...
¿Lo que te sucede es eso?
Contenido 1
Contenido 2 muy largo que empuja el td
Y debería:
Contenido 1
Contenido 2
muy largo que empuja
el td
Mira existe el max-width que deberás aplicar algún hack para que te funcione
en IE, o bien usar la tecnica que te dije arriba...
http://www.svendtofte.com/code/max_width_in_ie/
Saludo,
DJ-Dom
El día 28/03/06, stripTM <[EMAIL PROTECTED]> escribió:
>
> Reynier Perez Mira escribió:
> > Hola y gracias por tu respuesta scriptTM:
> > He probado lo que me dices sobre la propiedad white-space pero no logro
> que me organizé las cosas como quiero. Aquí te dejo el estilo:
> > td.noticias_cabecera {
> > background: url(../images/simpro_r11_c1.jpg) no-repeat;
> > line-height: 44px; width: 192px;
> > max-height: 44px;
> > white-space: normal;
> > }
> > Como ves tiene una imagen de fondo y un tamaño maximo de 44px, ahora el
> texto me deforma por completo el tamaño de 44px incluso cuando le tengo
> puesto que el maximo valor sea de 44 pero al parecer eso no le hace caso.
> >
> El dar tamaño a los td es complicado ya que dependen de lo que contengan
> los tds de su misma fila y columna con lo que se complica bastante el
> asunto, intenta crear un div dentro de ese td y dale a este las
> propiedades
> > A los administradores y moderadores de la lista: tengo un problema y es
> que no puedo subir el sitio a ningun lado para que los listeros observen el
> problema que me da. Sin embargo poseo tres imagenes que creo sumadas todas
> no superan los 10 kb y necesito saber si se puede enviar a la misma de forma
> tal de que los que me quieran ayudar vean ejemplos y puedan darle solucion o
> al menos darme las posibles vias de solucion para yo ponerlas en práctica.
> >
> >
> Hay sitios en los que puedes subir tus páginas, por ejemplo
> http://www.50free.com/
>
>
> --
> Saludos -=stripTM=-
>
> ___
> 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://ovillo.org/mailman/listinfo/ovillo
>
--
www.dj-dom.net
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Texto que deforma tabla
Reynier Perez Mira escribió:
Hola y gracias por tu respuesta scriptTM:
He probado lo que me dices sobre la propiedad white-space pero no logro que me
organizé las cosas como quiero. Aquí te dejo el estilo:
td.noticias_cabecera {
background: url(../images/simpro_r11_c1.jpg) no-repeat;
line-height: 44px; width: 192px;
max-height: 44px;
white-space: normal;
}
Como ves tiene una imagen de fondo y un tamaño maximo de 44px, ahora el texto
me deforma por completo el tamaño de 44px incluso cuando le tengo puesto que el
maximo valor sea de 44 pero al parecer eso no le hace caso.
El dar tamaño a los td es complicado ya que dependen de lo que contengan
los tds de su misma fila y columna con lo que se complica bastante el
asunto, intenta crear un div dentro de ese td y dale a este las propiedades
A los administradores y moderadores de la lista: tengo un problema y es que no
puedo subir el sitio a ningun lado para que los listeros observen el problema
que me da. Sin embargo poseo tres imagenes que creo sumadas todas no superan
los 10 kb y necesito saber si se puede enviar a la misma de forma tal de que
los que me quieran ayudar vean ejemplos y puedan darle solucion o al menos
darme las posibles vias de solucion para yo ponerlas en práctica.
Hay sitios en los que puedes subir tus páginas, por ejemplo
http://www.50free.com/
--
Saludos -=stripTM=-
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Texto que deforma tabla
hola pregunto:
posees una cuenta en yahoo ya que si tienes la herramienta de fotocorreo te
permite cargar las fotos y mostrarlas dentro del mensaje sin necesidad de
adjuntar archivos o estas se nuestran dentro del cuerpo del mensaje y no van
adjuntas
de esta forma podras mandarlas al grupo y que se visualicen para que te
demos solución a tu inquietud
CARLOS
- Original Message -
From: "Reynier Perez Mira" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Monday, March 27, 2006 9:49 AM
Subject: RE: [Ovillo] Texto que deforma tabla
Hola y gracias por tu respuesta scriptTM:
He probado lo que me dices sobre la propiedad white-space pero no logro que
me organizé las cosas como quiero. Aquí te dejo el estilo:
td.noticias_cabecera {
background: url(../images/simpro_r11_c1.jpg) no-repeat;
line-height: 44px; width: 192px;
max-height: 44px;
white-space: normal;
}
Como ves tiene una imagen de fondo y un tamaño maximo de 44px, ahora el
texto me deforma por completo el tamaño de 44px incluso cuando le tengo
puesto que el maximo valor sea de 44 pero al parecer eso no le hace caso.
A los administradores y moderadores de la lista: tengo un problema y es que
no puedo subir el sitio a ningun lado para que los listeros observen el
problema que me da. Sin embargo poseo tres imagenes que creo sumadas todas
no superan los 10 kb y necesito saber si se puede enviar a la misma de forma
tal de que los que me quieran ayudar vean ejemplos y puedan darle solucion o
al menos darme las posibles vias de solucion para yo ponerlas en práctica.
Salu2
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él,
secretamente, lo fomenta porque es así como adquiere su legendaria
sabiduría: escuchando ayudando a los demá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://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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Texto que deforma tabla
Hola y gracias por tu respuesta scriptTM:
He probado lo que me dices sobre la propiedad white-space pero no logro que me
organizé las cosas como quiero. Aquí te dejo el estilo:
td.noticias_cabecera {
background: url(../images/simpro_r11_c1.jpg) no-repeat;
line-height: 44px; width: 192px;
max-height: 44px;
white-space: normal;
}
Como ves tiene una imagen de fondo y un tamaño maximo de 44px, ahora el texto
me deforma por completo el tamaño de 44px incluso cuando le tengo puesto que el
maximo valor sea de 44 pero al parecer eso no le hace caso.
A los administradores y moderadores de la lista: tengo un problema y es que no
puedo subir el sitio a ningun lado para que los listeros observen el problema
que me da. Sin embargo poseo tres imagenes que creo sumadas todas no superan
los 10 kb y necesito saber si se puede enviar a la misma de forma tal de que
los que me quieran ayudar vean ejemplos y puedan darle solucion o al menos
darme las posibles vias de solucion para yo ponerlas en práctica.
Salu2
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demá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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Texto que deforma tabla
Reynier Perez Mira escribió:
Hola:
Estoy maquetando una web y estoy teniendo problemas con una filas. La cosa es que cuando el texto
es demasiado extenso la fila crece de forma vertical y no quiero que pase eso. El porque es
sencillo y es que tengo una imagen de fondo que no repito ni en "X" ni en "Y".
Miren el estilo:
td.noticias_cabecera {
background: url(../images/simpro_r11_c1.jpg) no-repeat;
line-height: 44px; width: 192px;
max-height: 44px; /* Esto lo puse para probar si crecia o no pero al
parecer no le hace nada de caso */
}
div.contenido_noticias_cabecera {
vertical-align: top;
text-align:justify;
padding: 0px 2px 0px 2px;
}
Ahora en el HTML lo que hay es esto:
Módulo: columna izquierda contenido
superior
Como se podría solucionar esto?
Mira a ver si te sirve la propiedad white-space
http://www.sidar.org/recur/desdi/traduc/es/css/text.html#white-space-prop
--
Saludos -=stripTM=-
___
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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Texto que deforma tabla
Hola:
Estoy maquetando una web y estoy teniendo problemas con una filas. La cosa es
que cuando el texto es demasiado extenso la fila crece de forma vertical y no
quiero que pase eso. El porque es sencillo y es que tengo una imagen de fondo
que no repito ni en "X" ni en "Y". Miren el estilo:
td.noticias_cabecera {
background: url(../images/simpro_r11_c1.jpg) no-repeat;
line-height: 44px; width: 192px;
max-height: 44px; /* Esto lo puse para probar si crecia o no pero al
parecer no le hace nada de caso */
}
div.contenido_noticias_cabecera {
vertical-align: top;
text-align:justify;
padding: 0px 2px 0px 2px;
}
Ahora en el HTML lo que hay es esto:
Módulo: columna izquierda contenido
superior
Como se podría solucionar esto?
PD: No se si a la lista se puedan mandar mensajes adjuntos (imagen) para que
pudieran ver el problema pues no tengo la posibilidad de subir el sitio a
ningún sistema de hosting ni nada por el estilo.
Salu2
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demá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://ovillo.org/mailman/listinfo/ovillo
