Hi to every:
I have a table an inside a TD element I have a DIV. Now the problem is when text is too long the
page is distort and not look well. I probe in this two ways:
1) Apply properties to TD element:
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;
}
2| Apply properties to DIV element that is inside TD
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;
}
This is the HTML code:
<td class="noticias_cabecera">
<div class="contenido_noticias_cabecera">
<com:TContentPlaceHolder ID="columna_izquierda_titulo_noticias_arriba" />
</div>
</td>
In this pictures you can see the diferents behaviours for white-space property:
[1] white-space: normal
* apply to TD: http://img66.imageshack.us/img66/6641/whitespacenormal7aj.jpg
* apply to DIV: http://img148.imageshack.us/img148/5347/whitespaceprenormal9jb.jpg
[2] white-space: pre
* apply to TD: http://img78.imageshack.us/img78/2301/whitespacepre9om.jpg
* apply to DIV http://img72.imageshack.us/img72/884/whitespaceprediv8ke.jpg
[3] white-space: nowrap
* apply to TD: http://img146.imageshack.us/img146/5573/whitespacewordwrap1il.jpg
* apply to DIV http://img147.imageshack.us/img147/9106/whitespaceprewordwrap6bx.jpg
So, I'm become a crazy but this doesn't work for me.
Waiting for your help
--
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...
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
