Hiya!

Here's the code you'll want:
<*table style="width:600px;border:#px solid;"*><*tr*><*th colspan="2"*>Header<*/*th><*/*tr><*tr*><*td*>Test1<*/*td><*td*>Test2<*/*td><*/*tr>
<*tr*><*td*><*div style="width:#px;height:#px;"* class="scrollBox"*>Text1<*/*div><*/*td><*td*><*div style="width:#px;height:#px;"* class="scrollBox"*>Text2<*/*div><*/*td><*/*tr><*/*table>

Remove the *'s and replace #'s with numbers.

Hope it helps!

You have liked this post!

@Keina Cane (#50109) -- Very close. It's two enclosed boxes both side by side. Sorry for the confusion.

Hopefully this will explain better. I'm very sorry I didn't include it right off.



Thank you for helping. ; v;

You have liked this post!

No worries!

Div boxes on thread posts won't work though so you'll have to use <*p*> tags instead. Any font sizes/colors/families would have to be done in <*span*> tags.

Instead of the div style tags you'll have to swap it out for this code:
<*p style="width:#px;height:#px;overflow:auto;"*>Text<*/*p>

Just remove the *'s and replace the #'s with numbers.

You have liked this post!

I don't think I understand where to swap out the code. I tried it in multiple spots and it just broke it further.

I'm so sorry, could you supply the code in full, please? ;;

You have liked this post!

Of course!

Here's the code:
<*table style="width:600px;border:#px solid;"*><*tr*><*th colspan="2"*>Header<*/*th><*/*tr><*tr*><*td*>Test1<*/*td><*td*>Test2<*/*td><*/*tr>
<*tr*><*td*><*p style="width:#px;height:#px;overflow:auto;"*>Text1<*/*p><*/*td><*td*><*p style="width:#px;height:#px;overflow:auto;"*>Text2<*/*p><*/*td><*/*tr><*/*table>

Hopefully that'll work! :)

You have liked this post!

Hopefully this will better convey the idea.



I'm looking for it to make individual boxes, rather than one large one with collumns.

You have liked this post!

Oh!

Sorry about that!

If you still want tables you can use this:
<*p style="width:#px;"*>
<*table style="width:#px;border:#px solid;"*><*tr*><*th*>Header<*/*th><*/*tr><*tr*><*td*>Text<*/*td><*/*tr><*/*table><*table style="width:#px;border:#px solid;"*><*tr*><*th*>Header<*/*th><*/*tr><*tr*><*td*>Text<*/*td><*/*tr><*/*table><*table style="width:#px;border:#px solid;"*><*tr*><*th*>Header<*/*th><*/*tr><*tr*><*td*>Text<*/*td><*/*tr><*/*table>
<*/*p>

Sadly, I don't think there is a way to get them side by side however.

Does that help?

You have liked this post!

I've seen them in people's profiles as being side-by-side. I wonder if i'd need to track one down individually and ask? I'm not sure if that'd be in good taste though. But it might be the only solution.

You have liked this post!

Do you have any links to a profile with tables like that? I might be able to figure out a similar solution.

I don't work with tables a whole lot so my apologizes on that part.

You have liked this post!

Hi! I think what you're looking for is like something on my profile? The way I did it was by creating a table with defined sizes, and then writing DIVs with overflow inside the table cells:

<*table width="100%" cellspacing="#px">
<*tr>
<*th>
Title space 1
<*/th>
<*th>
Title space 2
<*/th><*/tr>
<*tr>
<*td width="#px" height="#px">
<*div style="width:100%; overflow:auto; padding:10px; border:#px;" class="scrollBox">
Text: box 1
<*/div><*/td>
<*td width="#px" height="#px">
<*div style="width:100%; overflow:auto; padding:10px; border:#px;" class="scrollBox">
Text: box 2
<*/div><*/td><*/tr><*/table>

I'm not sure if this code will work exactly as you want it to (or at all), but I hope I'll be able to help with ironing out the kinks.

cellspacing controls the gap between your boxes (including the gap between header cell and content cell); if some wild scrolls appear where there shouldn't be, you'll need to hard-set both cell sizes and div sizes to avoid overlap. As with the code Keina Cane provided, you'll have to replace #s with numbers, and remove *s.

You have liked this post!

@Tirrathee 🐋🌌 WantsUrPoop (#58785) :: Yes! The stuff in your profile is about what I'm looking for! ; v;

I put this code in my profile and threw some test numbers in. Not sure what went wrong though.

It's right near the beginning.

You have liked this post!

It looks like it's doing what it's supposed to - scrollbars will appear once you have more content than fits inside the div sizes you defined. Titles could use some tweaking for aesthetics, and borders disappeared, right? Try adding border: 1px solid; inside the style="..." tag.

You have liked this post!

Hello, tables will not work if you want each box to be separate. You will need to use div boxes.

Try this and tell me how it works out.

<*div style="width:270px;height:100px;border:1px solid #000;float:left;"*>Text<*/div*><*div style="width:270px;height:100px;border:1px solid #000;float:right;"*>Text<*/div*><*div style="width:270px;height:100px;border:1px solid #000;"*>Text<*/div*>

If you want them to scroll just add a class to each style.

<*div style="width:270px;height:100px;border:1px solid #000;float:left;"*class="scrollBox"*>Text<*/div*><*div style="width:270px;height:100px;border:1px solid #000;float:right;"*class="scrollBox"*>Text<*/div*><*div style="width:270px;height:100px;border:1px solid #000;"*class="scrollBox"*>Text<*/div*>

You have liked this post!

Alright, it's got the borders. How do I have it narrow the border? It says 1px but its acting like it's more.

Also it's 200% not scrolling, just expanding the box.

You have liked this post!

That's because you defined borders just as solid, but they should be 1px solid, with just a space between the pixel value and the style type.
I see that the table cells don't have sizes defined, so let's try putting them in the div tag as well.
Like so:
<*div style="width:#px; height:#px; padding:10px; border:1px solid; overflow:auto;>

Remember to change the #s into numbers, or they will disappear again.

edit: i added the overflow value. remembering html is hard today. ^^"

You have liked this post!