Want to take part in these discussions? Sign in if you have an account, or apply for one below
Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.
Is there a way to center-aligne tables, that are coded via Instiki syntax:
| column header 1 | column header 2 |
|-------------------|-----------------|
| item | item |
?
When I put them inside HTML-tags
<center> ... </center>
they just break.
I don’t know if <center> would have ever worked and anyway I think it is no longer valid now.
in Sandbox/1507 there is a test where I wrap the table with +-- {: .cent} and then used the Firefox extension Stylus to add the CSS rule
div.cent table {margin-left: auto; margin-right: auto}
and the table gets centered. A rule like this would need to be added to the nLab CSS.
EDIT: I just tested the alternative rule div.cent {margin-left: auto; margin-right: auto} (centering the div rather than the table) and it doesn’t work while the more general rule div.cent * {margin-left: auto; margin-right: auto} does.
Hi, unfortunately just now I’m too busy to be able to do any maintenance work (excepting a crisis). Next week is probably the earliest time I will be able to look into things (I have seen various other small things be raised as well). Maybe this is a good time to re-iterate that the more hands the merrier! For instance removing the block on editing the page monoidal category is quite trivial, should anyone wish to try.
Anonymous, IP 72.182.53.175 in Austin TX (I’m guessing Jaques), edited Sandbox/1508 to show that the table can be center styled by just following it with the line
{: style='margin:auto; color: blue'}
So, there is no need to update the nLab CSS rules.
I didn’t know the {: syntax could add styling info. HowTo should be updated to explain the attribute list syntax documented in Meta-data syntax implemented by Maruku.
It looks good in both Safari and Chrome.
BTW The How to page has an ‘invalid equation’ in it. This is referring to Codecogs I think.
Okay, thanks!
Here is a related question, please bear with me:
Over at triangle identities we had this code
[[adjunction-up-string.png:pic]], [[adjunction-down-string.png:pic]]
to produce two figures, next to each other. This code alone makes the graphics stick to the left, and to each other. But good formatting would instead have a decent bit of whitespace between the two graphics, and have the result be centered on the page.
As before, when i center this with html tags
<center> [[adjunction-up-string.png:pic]], [[adjunction-down-string.png:pic]] </center>
which works in itself, then my standard hack for whitespace, via
$\phantom{AAAAAA}$
doesn’t render properly.
Next, following the above solution, I tried
+-- {: .standout}
[[adjunction-up-string.png:pic]],[[adjunction-down-string.png:pic]].
=--
{: style='margin:auto}
but this doesn’t center.
What to do?
Urs all you need is
[[adjunction-up-string.png:pic]] $\quad\quad\quad \quad$ [[adjunction-down-string.png:pic]]{: style='text-align:center'}
I thought this was an issue of div centering but it turns out to be one of text centering.
Luckily putting the styling info at the end adds the style to the wrapping <p> element not the last <img>.
you can see all my experiments at Sandbox/1537.
Thanks a million! I had no idea about this kind of syntax.
Okay, so I have used that now at triangle identities. Thanks again.
1 to 9 of 9