View Full Version : text arrangement


xtheunderdog
12-23-2003, 08:51 AM
alright, so the layout that i'm going to do, you can see it here (http://loudsilence.thought-like-flames.net/layout.png). i am trying to figure out how to put the text in that area boxed off by the orange and yellow. i've tried several different options with tables, and none of them have worked. i need the text to flow neatly through the whole thing, and as it is, the way i see it, it's going to need two div layers or tables, and i don't know how to "connect" them so that the text will flow. if someone could offer a solution, i would be much obliged.

Suboyo
12-23-2003, 08:56 AM
i had the same problem so i just didn't do frames.

xtheunderdog
12-23-2003, 08:57 AM
i'm not using frames. i'm trying to figure this out by using tables or div layers, however, as i said earlier, i can't quite figure out how to link two separate tables or div layers so that the text flows right on through.

pb&j
12-23-2003, 12:48 PM
both a table and div area are rectangles. each containing its own contents solidly within. there is no way to "connect" two of them in the way you are looking for.

westernrider
12-23-2003, 04:34 PM
I do not really understand what you mean by "connect and flow through" mabey if you could explain what you would like a little bit better

xtheunderdog
12-23-2003, 05:48 PM
pb&j -- then is there any way you can think of to accomplish this?

westernrider -- i mean so that if i have two tables or div layers of different widths right on top of each other, if i put text in the top one, and continually put text there, as it nears the bottom of the top table, it will continue down into the second one.

stargrl329
12-24-2003, 02:58 AM
I have an idea, but I'm not sure if it will work or if it is what you're looking for. I've seen in some places (blogs and such) that they have an avatar on the left with text wrapped around it, so that several lines of text are on the right of the avatar (if that made any sense). I'm not sure what the code would be to do that, however. That would also require a bit of slicing of the layout image (I would be willing to do that for you if you'd like, because I have PSP8). Otherwise, I'm not sure if that's possible to do. Sorry :(

kittycat
12-24-2003, 03:04 AM
An example like what stargrl suggested...

Make a div the width of the widest section of that area.
Position it so that it's the number of pixels from the top as the closest orange line, and the number of pixels from the left as the closest orange line.
Make a blank transparent .gif image. 1px by 1px would probably work best.
Inside that div, have this:
<img src="blank.gif" align="left" width="##" height="##"> then your text
Change the width and height of the image to the correct numbers so that the text is contained within the area.

Not sure if that will work, but you could try :)

xtheunderdog
12-24-2003, 04:37 AM
yeah, that idea occurred to me on the way to shopping today. so, i think i'll do that! and i don't mind slicing, but thanks!!