I am using Sugarcane, and my story takes place in a forum. You read the forum instead of prose. So I've been working pretty hard on making it look like one.
So far I've managed to do a decent enough work with the most absolute basic use of coding and syntax. I had no HTML nor CSS knowledge previous to this but I can be pretty resourceful. Now I've encountered a problem and I can't find a workaround.
For the passages that simulate the threads of the forum, I'd like to use a special kind of layout, different from the others, in which I have a title, and two columns.
On the column on the left, as with any regular forum, goes the username, join date, etc.
On the column of the right, the user's post.
The only way I've found so far is combining break lines, and a table HTML consisting of two colums. Problem is, I can't control the layout of the text inside the table. So it ends up looking like this:
You can see it doesn't work. What I'd like is:
1) For all right columns to start at the same line in the passage, not depending of the previous row's ending.
2) To be able to control the text inside the table. For example, with this solution I can't add any line break niether to the "post" (right column) or to separate in different lines the "username", "join date" and "posts" in the left colum.
I'm down to any solution which gets the job done, this is only the one I've found which get's me the closest to what I want. I just want it to look like a forum thread.
Thanks in advance!
This is the coding I used to get that result:
You're breaking the wiki table markup by inserting horizontal rules between the rows. Stop doing that and the table will work as you want. If you want visible lines between rows, use a class.
Each table row must be a single line, which is why adding newlines breaks the table. To add line breaks you'll need to use the <br> markup.
For example: And the requisite style:
If you were using SugarCube instead, which supports the special class specifier row, the wiki table could be written as follows:
Alternatively, you could use the HTML <table> markup.
This has gotten me even closer to a result that leaves me satisfied, just one thing is missing: Is there a way I can add a vertical lines that separates the rows, just like the one on top that came with the code you posted?
Even tried it like this, already sure it wasn't going to work, (and it didn't, it added the line to the right of the second column)
Here's all my code, if it's worth anything (disabled sidebar, corrected margin and added instant transition, which are at the top. The rest is just Sugarcane's default CSS, coppied in case I needed to manipulate it). You'll notice both .usertable are just how you showed them to me, just px and color changed.
Elsewise, please show your current markup.