Making the table structure vsible

[smallbrownfrog]

This is probably an incredibly basic question, but could somebody please help me understand how to make a Work Skin that will make all the dividing lines in a table visible again? I have a meta piece that I want to post, but it's completely unreadable and unusable once AO3's software has removed all the borders. I need clear lines between the different table cells so that people can easily scan a column or row.

Thank you.

Comments

[rebecca2525]

The worksin should look like this once it's saved:

#workskin table.bordered {
border-collapse: collapse;
width: auto;
}

#workskin table.bordered,
#workskin table.bordered th,
#workskin table.bordered td {
border: 1px solid black;
}


The line "width: auto" is optional, it makes your table colums as small as need be, not sure if you want that. Also note that there seems to be a bug that prepends "#workskin" to the lines on saving even if it's already there, so enter it without #workskin.

Then in your work you can write:

< table class="bordered" >
...
< / table >

(Without the spaces)

[rebecca2525]

For understanding table styling, this site is really helpful:

http://www.w3schools.com/css/css_table.asp

It lets you fiddle with the examples on the site.

[smallbrownfrog]

*bookmarked*

Thanks again.

[samjohnsson]

For the record, that #workskin bug is being fumigated in the next deploy.

[smallbrownfrog]

Thank you so much. You made my day.

It's been 10 years since I had much cause to write external CSS stylesheets, and the reference book I had from back then didn't cover tables. So trying to figure out both the quirks of the coding and the quirks of the archive was making my head explode.

[musyc]

You may want to add something to your author's notes requesting viewers activate work skins to see the table as coded, if it's crucial. I have AO3 set up to never ever show me work skins, so a note indicating there's something cool or unusual in the formatting of a work is the only reason I'd click the switch button.

[smallbrownfrog]

Good point. I'll definitely mention the need for the work skin as well as explaining that (because of the need for a skin) it can't be downloaded in a usable format.

CSS formatting

[douglaswelbar]

Try ...CSS Formatting

douglas