Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

0

Text overflow - CSS

Started by Bradlc, Mar 06 2007 05:48 PM

You cannot reply to this topic
Go to first unread post

3 replies to this topic

#1 Bradlc

Young Padawan

Members
21 posts

Gender:Male

Posted 06 March 2007 - 05:48 PM

Hey

,
I have attached a very simple representation of what I am trying to do.

Note: A, B and C are 3 seperate images.
In example 1, the text just overflows from image A...
In example 2, BOTH image A and image B extend to allow all the text to fit in. That is what I am trying to do using CSS.

I hope you understand and any help is greatly appreciated.

Thx.

overflow.jpg 129.37K 81 downloads

Back to top

#2 greg

Jedi In Training

Members
499 posts

Location:New York City
Interests:Fine art, web and graphic design, naval architecture, chess, and sports.

Posted 06 March 2007 - 07:34 PM

Just use divs (for A, B and C), and it won't overflow by default.

Back to top

#3 _Creative Insanity_

Guests

Posted 06 March 2007 - 07:40 PM

Do this.. div names are just from your example.. so name them better.
Sizes are just random.

#B{
height:545px;
width:330px;
}
#A{
height:400px;
width:300px;
margin:15px 0px 0px 15px;
overflow:auto
}
#C{
height:200px
width:300px
margin:15px 0px 0px 15px;
}

If you want A and C centered add below to B

margin:0px auto;

The overflow will hide any text below the set height and a scrollbar will be created to scroll the over flowed text.

Edited by Creative Insanity, 06 March 2007 - 07:47 PM.

Back to top

#4 rc69

PHP Master PD

P2L Staff
3,827 posts

Gender:Male
Location:Here
Interests:Web Development

Posted 07 March 2007 - 01:43 AM

By the picture you gave, i undesrtand what you are trying to do, but what we all have to keep in mind is that some images don't stretch or even tessalate well. Coming up with a working solution would be a lot easier if you could provide the actual images that need stretching.