Rykros
Hello, experienced veterans! I'm currently working in Kompozer to make up for my lack of HTML and CSS knowledge. My current project is to make templates for the various sections of my Wiki so that my campaign wiki has a nice, uniform layout between each page. But currently, I'm running into a problem. I have a table that I would like in the top-right hand corner of the page that has the name, picture, and key details. To the left will be a description, biography, etc. But currently, I'm having difficulty getting the text to wrap around the table in order to keep it located in the top-right corner. Does anyone have any pointers?
Comments
@table{float: right;}.@
But it sounds like you are doing more with the table tag in HTML. Can you post the code you are exporting out of Komposer?
@code and suchlike@
Description, Description, Description,
Description, Description,
Description, Description, Description, Description,
Description, Description, Description,
Description, Description, Description, Description,
Description, Description, Description, Description,
Ivan Steiner
Race:
Human
Gender:
Male
Age: 37
Height: 6'
0"
Weight:
182 lbs
Eyes: Brown
Skin: Tanned
Hair: Long,
Brown
Profession:
Hunter, Furrier
Status: Alive
Relations:
Illya (Ex-Wife) - Alive
Allina (Daughter) - Dead
@@
Ditch the margin settings and replace them with "float: right;"
That should be all you need.
If you like, I can give you a brief tutorial on how to accomplish that much more easily with the built in Textile formatting.
Just be aware going in that OP does not support all HTML functions (just the basics) in user generated content (as a security measure), so you may run into unexpected walls if you rely entirely on HTML.
Of course, Textile has it own limitations, so you may break even in the long run.
EDIT: Also something to be aware of, OP presents HTML5, so you may find that your HTML 4.x behaves oddly from time to time (or doesn't validate).
I do have something else. More like a request of recommendation. In the bottom section of my table, it's going to have basic details about wiki page (as noted in the above code), but I would like to keep it nice and uniform. Since you can't use the Tab key to automatically indent, would you just use a second invisible table inside the bottom cell? No visible border, etc?
Textile formatting or some inline CSS would be potential alternatives if that doesn't work for you.