Coding Help? *new problem*

I'm looking to place two scroll boxes directly next to each other like seen here (Active Breeders Directory next to Past Mascots).

How do I do this? I've tried using multiple coding sites but I can't seem to figure it out. I've played with the alignment but it apparently doesn't work on Equiverse. Would anybody maybe be willing to share a code they know on how to do this? Or something of the sort? 

Last edited on 2017-07-09 at 12:15:47 by wey

<*table style="width:100%;border:1px solid black;overflow:auto;"><*tr><*td style="width:50%;height:20px;"><*/td><*td style="width:50%;height:20px;"><*/td><*/tr><*/table>

I think that should do it :) but I am not 100% shoure, because I cant test it :)
For code to work remove all *

Last edited on 2017-07-09 at 11:27:09 by Elismye

Sorry for second post :S


Last edited on 2017-07-09 at 11:20:05 by Elismye

well this is what I see, haha. i'm not sure if that's what you meant to do?

No, my mistake i didnt know that will recognize code xD i fix it now xD

Last edited on 2017-07-09 at 11:26:22 by Elismye

That unfortunately doesn't put two scroll boxes next to each other :( It seems as though it just makes one regular text box.

Ok its look like one box... I will fix it so jou could see both boxes :), and how big boxes do you want??

Last edited on 2017-07-09 at 11:43:43 by Elismye

The ones just like the akhal take club (linked) would be nice :) 

Ok its look like one box... I will fix it so jou could see both boxes :)

<*table style="width:100%;"><*tr><*td style="width:50%;height:200px;border:1px solid black;overflow:auto;">
Ut ut porta nulla. Etiam magna ex, rhoncus at nulla sed, pharetra aliquet risus. Aliquam velit ex, dapibus maximus neque quis, auctor euismod ex. Sed consequat est quis imperdiet finibus. Aenean porta porta ornare. Etiam convallis molestie sapien. Pellentesque consectetur volutpat felis, ut imperdiet urna placerat at. Aliquam erat volutpat. Pellentesque ut facilisis diam. Aliquam pretium leo sed mattis tincidunt.
<*/td><*td style="width:50%;height:200px;border:1px solid black;overflow:auto;">
Ut ut porta nulla. Etiam magna ex, rhoncus at nulla sed, pharetra aliquet risus. Aliquam velit ex, dapibus maximus neque quis, auctor euismod ex. Sed consequat est quis imperdiet finibus. Aenean porta porta ornare. Etiam convallis molestie sapien. Pellentesque consectetur volutpat felis, ut imperdiet urna placerat at. Aliquam erat volutpat. Pellentesque ut facilisis diam. Aliquam pretium leo sed mattis tincidunt.
<*/td><*/tr><*/table>

Try this 

nope :(

Ok I saw that :S well I dont know what happened to the rest of the code because if I look in code of your page i see a really big mess :S meybe try deliting all and try againg and make shore you delite * and only *... if that dont work, than I dont know whats wrong :S

i successfully got 2 scroll boxes next to each other, but now they scroll sideways rather than up and down -_- what do i need to change in the code to get them to scroll up and down instead of side to side?

There's a lot of extraneous code in there that may be messing it up. All you need to do is this:



(pardon the screenshot code, the function for adding code to a post isn't working)

Last edited on 2017-07-09 at 12:30:32 by River

you're a life saver D: thank you!

The boxes were scrolling sideways because you had no spaces in the text [and no default wordwrap].

You can stop this happening by using

style="word-wrap: break-word;"