Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
How to stop a table stretching.
Old 07-27-2006, 02:47 PM How to stop a table stretching.
Extreme Talker

Posts: 219
Location: UK, East Anglia
Trades: 0
I have been making my own little forum for my website, but if someone enters something long without any spaces in such as a long url then the html table it is in stretches which can distort the layout. How can i stop it from doing this?
timsquash5 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 07-27-2006, 07:06 PM Re: How to stop a table stretching.
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
That is the inherent nature of tables.. they stretch with the content.
Which forum software are you using ?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-27-2006, 07:22 PM Re: How to stop a table stretching.
Extreme Talker

Posts: 219
Location: UK, East Anglia
Trades: 0
I am making it myself, all i need to know is how to stop html tables stretching when the content is too wide??
timsquash5 is offline
Reply With Quote
View Public Profile
 
Old 07-27-2006, 07:29 PM Re: How to stop a table stretching.
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,935
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
Trades: 0
The CSS overflow: hidden property can take care of that, but it won't wrap the long word. It'll just cut it off.

As LadyNRed told you, there really isn't an answer. They're going to stretch if the content is too wide no matter what you do.

You could write a built-in function that will split a term that is too long after X pixels without a space, but that will only work in some cases...users with their font sizes cranked high in their browsers (few and far between as they are) will still be stretched out.
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
(my blog)


Please login or register to view this content. Registration is FREE
(with proof)
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 07-27-2006, 10:25 PM Re: How to stop a table stretching.
vangogh's Avatar
Post Impressionist

Latest Blog Post:
Why Responsive Design?
Posts: 10,815
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
Yeah, that's just how table cells behave. I think the overflow property is going to be the best solution though you might want to use overflow: auto or overflow: scroll to allow the full url to be seen with a little scrolling.

Unfortunately I don't think you can use overflow on a table or table cell so you would need to include a div inside of each cell that wraps around the text. You can apply the overflow property to that div.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE

Last edited by vangogh; 07-28-2006 at 12:59 AM..
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 07-27-2006, 11:49 PM Re: How to stop a table stretching.
Extreme Talker

Posts: 171
Trades: 0
i had the same problem with phpbb. it is not all the trouble.
mohamoud is offline
Reply With Quote
View Public Profile
 
Old 08-01-2006, 09:12 AM Re: How to stop a table stretching.
saadatshah's Avatar
Extreme Talker

Posts: 215
Name: Syed Saadat Ali
Location: Lahore, Pakistan
Trades: 0
already got a bunch of handsome answers
__________________
- -- --- ---- ----- ------ ------- ---------------
If you have knowledge, let others light their candles in it.
saadatshah is offline
Reply With Quote
View Public Profile Visit saadatshah's homepage!
 
Reply     « Reply to How to stop a table stretching.
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.25585 seconds with 12 queries