Faux Tables for Dreamwidth - Character & CR Chart Edition!

[veryroundbird]

One of the complaints I'm hearing about DW is that tables don't work properly, which are obvs. important to us RPers for things like character lists, CR charts, and taken/reserved/whatever lists.

I've been working on some workarounds for such things, being a helpful HTML monkey. Here's my version of a character list/CR table code: here @ pastebin (because DW keeps borking my textarea every time I try to edit and apparently dislikes iframes)

Linebreaks and tabs added for readability; you'll probably want to strip those before using the beta update page if you do, because I believe it turns those into visible linebreaks, which'll give you more spacing than you probably intended. The regular editor will just strip out all of that when you go to rich text mode and leave you with the plain HTML sans whitespace.

It'll end up looking like this:

heading here.

This is a basic example of how you would make a two-column character info widget thing, with a picture, name, and info.

♥ ♥ ♥ ♥

but what if I want CR chart symbols?

Funny you should ask that! In that case, take the "float" property off of the image, and wrap it with a div tag with the style property 'float: left' or 'float: right'. You can add a line break after the image, and then put your CR symbols underneath, also inside the div wrapper.

If your text is long, you may want to add 'width: 100px' to the div tag, too.

can I right-align this?

WHY YES YOU CAN.

how do I shot customizing?

Oh gosh, there are so many ways you can do so! If you are not familiar with CSS, I direct you to the W3Schools CSS Tutorial, which will help you in that regard.

Tah-dah!