Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Create ordered list that uses roman numerals (i, ii, iii, iv etc), not 1, 2, 3, 4 ..etc

Featured Replies

I have a list on a website. It's currently using XHTML, but I intend switching to HTML5 soon. This is a snippit.

<ol type="i">
<li><a href="https://ico.org.uk/for-organisations/guide-to-the-general-data-protection-regulation-gdpr/principles/lawfulness-fairness-and-transparency/">Lawfulness, fairness and transparency</a></li>
<li><a href="https://ico.org.uk/for-organisations/guide-to-the-general-data-protection-regulation-gdpr/principles/purpose-limitation/">Purpose limitation</a></li>
<li><a href="https://ico.org.uk/for-organisations/guide-to-the-general-data-protection-regulation-gdpr/principles/data-minimisation/">Data minimisation</a></li>
<li><a href="https://ico.org.uk/for-organisations/guide-to-the-general-data-protection-regulation-gdpr/principles/accuracy/">Accuracy</a></li>  
<li><a href="https://ico.org.uk/for-organisations/guide-to-the-general-data-protection-regulation-gdpr/principles/storage-limitation/">Storage limitation</a></li>
<li><a href="https://ico.org.uk/for-organisations/guide-to-the-general-data-protection-regulation-gdpr/principles/integrity-and-confidentiality-security/">Integrity and confidentiality (security)</a> </li>
<li><a href="https://ico.org.uk/for-organisations/guide-to-the-general-data-protection-regulation-gdpr/principles/accountability-principle/">Accountability</a></li>
</ol>

 

which generates roman numerals. It works fine in my browser, but the W3C validator complains that "type" is not supported". I'm hoping there's some way of creating the list like this, this is compliant with the HTML5.

 

Dave

Change your <ol> to <ol style="list-style-type:lower-roman;"> or create a class in the CSS for your <ol> and place the css there.

<ol class="roman-ol">

Then in your CSS

ol.roman-ol {

list-style-type:lower-roman;

}

  • Author
On 08/ 7/2018 at 10:52 AM, jpeters8889 said:

Change your <ol> to <ol style="list-style-type:lower-roman;"> or create a class in the CSS for your <ol> and place the css there.

<ol class="roman-ol">

Then in your CSS

ol.roman-ol {

list-style-type:lower-roman;

}

Thank you. Sorry for the delay in responding - I had overlooked your reply, despite you made it several days ago.

 

Dave

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.