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.

indented lists

Featured Replies

hi there i've made a list on my site root like this...

 

site root

 

now as you can see its got lists insides lists, but this isn't valid markup, so i was wondering how do i get the same effect but validated??

 

cheers :)

you can do this:

 

<ul>
<li>1
<ul>
<li>1.2</li>
<li>1.2</li>
<li>1.2</li>
</ul>
</li>
</ul>

your page is not opening up, please check the your URL and also remove spaces from your URL as it is producing % signs in the URL

 

I guess what you are looking for so, If you are looking for the parenting menu items then you can download it from my site's download section.

 

Thanks

Asif

http://www.mohdasif.net

  • Author

aaah my bad n00b error i copied the address of the local file!!

 

site root

 

Dizi thats what ive done except ive added another couple <ul>'s in the <li>'s and it doesn't validate

aaah my bad n00b error i copied the address of the local file!!

 

site root

 

Dizi thats what ive done except ive added another couple <ul>'s in the <li>'s and it doesn't validate

 

Look closely at my example and then back at your code, notice the difference?

 

 

yours:

<ul><li><a href="index.html">Home</a></li>

<ul><li><a href="news.html">News</a></li></ul>

</ul>

 

mine:

<ul>

<li>1

<ul><li>1.2</li></ul>

</li>

</ul>

Hope that helps you see the difference in the coding :)

 

 

 

EDIT: and here is proof that it will validated even using a strict Doctype http://dizidesigns.co.uk/sitemap.php

  • Author
Look closely at my example and then back at your code, notice the difference?

 

 

yours:

<ul><li><a href="index.html">Home</a></li>

<ul><li><a href="news.html">News</a></li></ul>

</ul>

 

mine:

<ul>

<li>1

<ul><li>1.2</li></ul>

</li>

</ul>

Hope that helps you see the difference in the coding :)

 

 

 

EDIT: and here is proof that it will validated even using a strict Doctype http://dizidesigns.co.uk/sitemap.php

 

aah i seeeee thanks dizi :)

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.