• HTML5 Lists
    6 replies, posted
So htmldog doesn't have anything on how we alter list bullets. [img]http://i.imgur.com/ywGdHob.png[/img] What do [code] <body> <ul> <li>Outer 1</li> <li>Outer 2</li> <ul> <li>Inner 1</li> <li>Inner 2</li> <li>Inner 3</li> <ul> <li>Deep 1</li> </ul> <li>Inner 4</li> <ul> <li>Deep 2</li> </ul> </ul> <li>Outer 3</li> </ul> <ol> <li>Outer 1</li> <li>Outer 2</li> <ol> <li>Inner 1</li> <li>Inner 2</li> <ol> <li>Deep 1</li> <li>Deep 2</li> </ol> </ol> <li>Outer 3</li> <ol> <li>Inner 3</li> </ol> </ol> </body>[/code]
The style of the bullet can be edited in CSS [url]http://www.w3schools.com/cssref/pr_list-style-type.asp[/url]
[QUOTE=twoski;42266209]So htmldog doesn't have anything on how we alter list bullets. [img]http://i.imgur.com/ywGdHob.png[/img] What do [code] <body> <ul> <li>Outer 1</li> <li>Outer 2</li> <ul> <li>Inner 1</li> <li>Inner 2</li> <li>Inner 3</li> <ul> <li>Deep 1</li> </ul> <li>Inner 4</li> <ul> <li>Deep 2</li> </ul> </ul> <li>Outer 3</li> </ul> <ol> <li>Outer 1</li> <li>Outer 2</li> <ol> <li>Inner 1</li> <li>Inner 2</li> <ol> <li>Deep 1</li> <li>Deep 2</li> </ol> </ol> <li>Outer 3</li> <ol> <li>Inner 3</li> </ol> </ol> </body>[/code][/QUOTE] make sure that when you are starting a new ul inside of another ul it is in an li as well. It has to go ul >li >ul > li >ul >li etc., not ul > ul > ul > li.
So you're saying i should be doing [code] <body> <ul> <li>Outer 1</li> <li>Outer 2<ul></li> <li>Inner 1</li> <li>Inner 2</li> <li>Inner 3<ul></li> <li>Deep 1</li> </ul> <li>Inner 4<ul></li> <li>Deep 2</li> </ul> </ul> <li>Outer 3</li> </ul> <ol> <li>Outer 1</li> <li>Outer 2<ol></li> <li>Inner 1</li> <li>Inner 2<ol></li> <li>Deep 1</li> <li>Deep 2</li> </ol> </ol> <li>Outer 3<ol></li> <li>Inner 3</li> </ol> </ol> </body>[/code] Just seems weird looking to me. The stuff i had before also replicates exactly what i'm supposed to be producing so wouldn't it be correct?
No you do [php] <ul> <li></li> <li></li> <li> <ul> <li></li> </ul> </li> </ul> [/php]
That gives me the wrong output though. [img]http://i.imgur.com/MRfqfWA.png[/img] If i use <li> on the nested stuff then they get double bullets. In the assignment outline it shows specifically that there is no overlapping bullets.
[code] <!DOCTYPE HTML> <html> <body> <ul> <li>Outer 1</li> <li>Outer 2 <ul> <li>Inner 1</li> <li>Inner 2</li> <li>Inner 3 <ul> <li>Deep 1</li> </ul> </li> <li>Inner 4 <ul> <li>Deep 2</li> </ul> </li> </ul> </li> <li>Outer 3</li> </ul> </body> </html> [/code] works fine for me, no double bullets
Sorry, you need to Log In to post a reply to this thread.