Support Forum Softcomplex logo
About Us  | Services  | Download  | Order  | Support  | |
| Search | Today's Posts | Stats | Board Rules | Not logged in [ Login | Register ]
go to bottom
Last active: Never

Printable Version | Subscribe | Add to Favourites   Post new thread
Author: Subject: CSS word wrap help
markh
Junior Member

Posts: 6
Registered: 8/20/2010
Location: Chicago
Member Is Offline
posted on 8/27/2010 at 03:12 PM Reply With Quote
CSS word wrap help


I have a nice table working with PRO, I have a description field that is width 300px. I want the text to not wrap, and not overflow. But when I put this in the style sheet

.tabBodyCol2 {
font-family: tahoma, verdana, arial;
font-size: 12px;
text-align: center;
width: 300px;
overflow: hidden;
white-space:nowrap;
}

The width auto sets to the full description length. I want it to just cut off, the user will be able to click the row and open into a new window with a better veiw.

Any ideas?

Thanks in advance
View User's Profile View All Posts By User U2U Member
markh
Junior Member

Posts: 6
Registered: 8/20/2010
Location: Chicago
Member Is Offline
posted on 8/27/2010 at 04:11 PM Reply With Quote

Never mind I figured it out, just in case anyone else is looking for a fix here is what I did;


/* Main table */
.tabTable {
font: 12px tahoma, verdana, arial;
color: black;
width: 50%;
height: 300px;
overflow: hidden;
white-space:nowrap;
table-layout: fixed;
}



/* Cell of table body, column 2 */
.tabBodyCol2 {
font-family: tahoma, verdana, arial;
font-size: 12px;
text-align: center;
width: 300px;
overflow: hidden;
}
View User's Profile View All Posts By User U2U Member
Post new thread

Related Links:
Product Page
Product Demonstrations Live Demos
Simple
XP-styled
3D designed
Product Documentation Documentation
Documenation Page
Change Log
Support Forum Technical Support
Support Forum
Customer Care System
Order Now ORDER NOW!
Add to Cart
View Cart

Go To Top


Powered by XMB 1.9.1 Nexus
Developed By Aventure Media & The XMB Group © 2002-2004