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:
td class=noticias_cabecera
div class=contenido_noticias_cabecera
com:TContentPlaceHolder
ID=columna_izquierda_titulo_noticias_arriba /
/div
/td
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:
td class=noticias_cabecera
div class=contenido_noticias_cabecera
com:TContentPlaceHolder
ID=columna_izquierda_titulo_noticias_arriba /
/div
/td
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
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
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 ovillo@lists.ovillo.org
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
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
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?
tdContenido 1/td
tdContenido 2 muy largo que empuja el td/td
Y debería:
tdContenido 1/td
tdContenido 2
muy largo que empuja
el td/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
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 ovillo@lists.ovillo.org
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
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:
td class=noticias_cabecera
div class=contenido_noticias_cabeceraMódulo: columna izquierda contenido
superior/div
/td
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
