# References in Narrated Web Site

**URL:** <https://gramps.discourse.group/t/references-in-narrated-web-site/1496>\
**Category:** Help\
**Tags:** websolutions\
**Created:** [June 4, 2021, 1:15pm UTC](https://gramps.discourse.group/t/references-in-narrated-web-site/1496 "2021-06-04T13:15:24Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![PLegoux](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/plegoux/32/413_2.png) [@PLegoux](https://gramps.discourse.group/u/PLegoux)\
**Post date:** [June 4, 2021, 1:15pm UTC](https://gramps.discourse.group/t/references-in-narrated-web-site/1496/1 "2021-06-04T13:15:24Z")

</div>

An improvement suggestion for @SNoiraud

For each reference you uses something like _1a_ as reference number but clicking on it goes to two imbricated lists looking like 1 Source1,1 CitationA, 2 CitationB; 2 Source2, 1 CitationA…

May be you could replace your second \<ol\> html tag used for citations by a \<ol type=‘a’\> tag to display lists as 1 Source1, a CitationA, b CitationB; 2 Source2, a CitationA… which will more look like as references used before

---

<div class="post-metadata">

**Author:** ![SNoiraud](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/snoiraud/32/72_2.png) [@SNoiraud](https://gramps.discourse.group/u/SNoiraud)\
**Post date:** [June 4, 2021, 8:16pm UTC](https://gramps.discourse.group/t/references-in-narrated-web-site/1496/2 "2021-06-04T20:16:35Z")

</div>

Does this you ask look like what can be seen in 5.2?  
[Citation gramps5.2](https://noiraud.allowed.org/Gramps52/fr/ppl/h/o/GNUJQCL9MD64AM56OH.html)

---

<div class="post-metadata">

**Author:** ![emyoulation](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/emyoulation/32/67_2.png) [@emyoulation](https://gramps.discourse.group/u/emyoulation)\
**Post date:** [June 16, 2021, 9:13pm UTC](https://gramps.discourse.group/t/references-in-narrated-web-site/1496/3 "2021-06-16T21:13:58Z")

</div>

11 posts were split to a new topic: [Adding Provenance URLs to Source](https://gramps.discourse.group/t/adding-provenance-urls-to-source/1550)

---

<div class="post-metadata">

**Author:** ![emyoulation](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/emyoulation/32/67_2.png) [@emyoulation](https://gramps.discourse.group/u/emyoulation)\
**Post date:** [June 16, 2021, 9:29pm UTC](https://gramps.discourse.group/t/references-in-narrated-web-site/1496/4 "2021-06-16T21:29:30Z")

</div>

Here’s a capture from the 5.2 version @SNoiraud referenced above:

![image](https://global.discourse-cdn.com/free1/uploads/gramps/original/2X/b/b01a6717b3c66f3e29d9d4050573585b36c4856f.jpeg)

You’re asking about selecting from an outlining Style Cascade… like MS Word has… but using Ordered List levels in CSS, right?  
 ![image](https://global.discourse-cdn.com/free1/uploads/gramps/original/2X/6/6b6ba9474293398e93bdd9ad2b2e710ac86c7944.png)

Stack Overflow has [an interesting article](https://stackoverflow.com/questions/4098195/can-ordered-list-produce-result-that-looks-like-1-1-1-2-1-3-instead-of-just-1) doing the third example… a decimal-based ( 1; 1.1; 1.1.1) style.

* * *

And about list-style-type options from [CSS-tricks](https://css-tricks.com/numbering-in-style/):

> the numbers don’t have to be decimals. They can be anything that `list-style-type` can be. [Namely](https://dev.w3.org/csswg/css3-lists/#predefined-counters):
> 
> disc (• • •)  
> circle (○ ○ ○)  
> square (▪ ▪ ▪)  
> decimal (1 2 3)  
> decimal-leading-zero (01, 02, 03)  
> lower-roman (i ii iii)  
> upper-roman (I II III)  
> lower-greek (α β γ)  
> lower-latin (a b c)  
> upper-latin (A B C)  
> armenian (Ա Բ Գ)  
> georgian (ა ბ გ)  
> lower-alpha (a b c)  
> upper-alpha (A B C)

---

<div class="post-metadata">

**Author:** ![SNoiraud](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/snoiraud/32/72_2.png) [@SNoiraud](https://gramps.discourse.group/u/SNoiraud)\
**Post date:** [June 21, 2021, 3:58pm UTC](https://gramps.discourse.group/t/references-in-narrated-web-site/1496/5 "2021-06-21T15:58:32Z")

</div>

> [@emyoulation](#):
>
> And about list-style-type options from [CSS-tricks](https://css-tricks.com/numbering-in-style/)

For this, you can always create your own css style.  
Be careful, the links are created in the source, so you can’t do what you want.  
I made a PR [1272](https://github.com/gramps-project/gramps/pull/1272) related to [#12336](https://gramps-project.org/bugs/view.php?id=12336) to make the link to the reference and the reference consistent.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/free1/uploads/gramps/original/1X/2ac1e712b7adf612e31ca08a55419f4cf37c0158.png) [@system](https://gramps.discourse.group/u/system)\
**Post date:** [July 21, 2021, 3:58pm UTC](https://gramps.discourse.group/t/references-in-narrated-web-site/1496/6 "2021-07-21T15:58:52Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
