![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
tirsdenAt some point, Dreamwidth must have updated CSS options because I noticed a journal-wide issue where all table cells were outlined in a thin black line, even though borders shouldn't be visible when no border width has been declared in HTML. I'm an oldschool HTML person and thus don't use CSS unless I absolutely have to; all my tables are formatted in straight HTML... or they were, until I figured out this workaround.
Ideally, a table of mine would look like this, and I'll steal one off my Fallout 4 roster to better emphasize what the changes did:
But once the update hit, this is what it looked like:
Eww.
After mucking around with CSS from a very useful page about how to code tables in Dreamwidth, I realized the style="border: 0px;" code snippet could be added to every cell in a table, aka the <td> tag. I would think there's a better way to declare that setting for the entire table, but for now it's a workaround. I'm still mucking with other issues that seem to have gotten lost in the update, like collapsing borders and alignment within cells, but at least I know what sorts of things I need to be looking for to make it all pretty again.
To sum up, a normal table cell would like this in html:
<td></td>
To force it to have no borders visible in a Dreamwidth post, do this:
<td style="border: 0px;"></td>
Ideally, a table of mine would look like this, and I'll steal one off my Fallout 4 roster to better emphasize what the changes did:
 |
Marc - level 157 - 22 days 11 hours (539 hours) SPECIAL: 11 13 11 11 11 12 11 - VATS-heavy sneaky pistols Survival difficulty, companion currently Preston, romance (MacCready), Preston Factions: Minutemen (RR/BOS peace) - Traders - CoA good, peace Notes: OC physically based on Vin Diesel, ex-military good ol' boy |
But once the update hit, this is what it looked like:
|
Marc - level 157 - 22 days 11 hours (539 hours) SPECIAL: 11 13 11 11 11 12 11 - VATS-heavy sneaky pistols Survival difficulty, companion currently Preston, romance (MacCready), Preston Factions: Minutemen (RR/BOS peace) - Traders - CoA good, peace Notes: OC physically based on Vin Diesel, ex-military good ol' boy |
Eww.
After mucking around with CSS from a very useful page about how to code tables in Dreamwidth, I realized the style="border: 0px;" code snippet could be added to every cell in a table, aka the <td> tag. I would think there's a better way to declare that setting for the entire table, but for now it's a workaround. I'm still mucking with other issues that seem to have gotten lost in the update, like collapsing borders and alignment within cells, but at least I know what sorts of things I need to be looking for to make it all pretty again.
To sum up, a normal table cell would like this in html:
<td></td>
To force it to have no borders visible in a Dreamwidth post, do this:
<td style="border: 0px;"></td>
