Dear list
the reference list CSS was developed for me by Chris Rockwell in 2013. It goes
like this:
ol.ol_href {
list-style-type: none;
counter-reset: section;
padding-left: 0;
}
ol.ol_href li {
display: table-row;
}
ol.ol_href li:before {
counter-increment: section;
content: "[" counter(section) "] ";
padding-right: 1em;
display: table-cell;
}
is used «everywhere» in my WordPress pages, example here:
https://www.teigfam.net/oyvind/home/technology/219-my-beep-brrr-notes/#Ref04
<https://www.teigfam.net/oyvind/home/technology/219-my-beep-brrr-notes/#Ref04>
I seem to have some problems with it. The «[4]» some times appear as
[
4 USB Audio Design Guide ..
]
and some times
indentented just above the table <li> elements,
[4]
USB Audio Design Guide ..
and some times correctly as
[4] USB Audio Design Guide ..
THE PROBLEMS
1. This has started to behave like above, not the same, depending on what..
2. On Safari on iOS this list takes up too much width, so that the rest of the
page will have white space to the right of the text. I think it’s the width of
the table-row that’s not included to the rest of the text’s 100%
Any ideas of what to do with this?
I do see edits in the style.css (by changing «[« to «(« etc. so I know my
browsers pick up the changes.
Tested on Safari Versjon 15.4 and Chrome 99.0.4844.84 on macOS Catalina
10.15.7. Also on iPhone iOS Safari.
I’ll follow this one up at
https://www.teigfam.net/oyvind/home/publishing/061-wordpress/#academic_style_reference_list
<https://www.teigfam.net/oyvind/home/publishing/061-wordpress/#academic_style_reference_list>
Øyvind TEIG
Trondheim
Norway
+47 959 615 06
oyvind.t...@teigfam.net
http://www.teigfam.net/oyvind/home
(Mac)
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
