smallbrownfrog: (Snape sunset arch)
[personal profile] smallbrownfrog posting in [community profile] ao3_skins
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.

Date: 2013-11-16 09:25 am (UTC)
rebecca2525: Abby Sciuto from NCIS with the word "geek" (Default)
From: [personal profile] 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)

Date: 2013-11-16 09:30 am (UTC)
rebecca2525: Abby Sciuto from NCIS with the word "geek" (Default)
From: [personal profile] 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.

Date: 2013-11-16 01:25 pm (UTC)
samjohnsson: It's just another mask (Default)
From: [personal profile] samjohnsson
For the record, that #workskin bug is being fumigated in the next deploy.

Date: 2013-11-16 02:34 pm (UTC)
musyc: Silver flute resting diagonally across sheet music (Default)
From: [personal profile] 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.

CSS formatting

Date: 2014-09-15 06:46 am (UTC)
From: [personal profile] douglaswelbar
Try ...CSS Formatting

douglas

Profile

ao3_skins: OTW logo with text "Emerging" (Default)
AO3 Skins

May 2017

S M T W T F S
 123456
78910111213
14151617181920
2122 2324252627
28293031   

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jun. 26th, 2017 01:10 am
Powered by Dreamwidth Studios