Latest Lists

Home > Ordered List Information > Ordered List Knowledge Base > HTML QUESTION WiTH ORDERED LIST!? PLZ HELP MEEE?

HTML QUESTION WiTH ORDERED LIST!? PLZ HELP MEEE?

<html> <title><head>My Project List</head></title> <body> <ol type="1"> <li>Grading <ol type="A"> <li> CS 127 <ol type="i"> <li> Section 1 <ol type="a"> <li>Quiz 1 <li> Program 1 </ol> <li> Section 2 <ol type="a"> <li> Program 1 </ol></ol> <li> CS 128 <ol type="a"> <li> Program 1 <li> Program 2 </ol></ol> <li> Lectures <ol type="A"> <li> CS 127 <ol type="a"> <li> Selection Statements </ol> <li> Cs 128 <ol type="a"> <li>Recursion my problem is how come the a's is not lined up but everything else is lined up, i want the a's to line up like the 1st two plz help me i cant figure it out

Public Comments

  1. Looks lined up to me
  2. Things all line up for me. Which browser are you using? I know some browsers are finicky about not having the closing </li> tags. When you way they don't line up, are you referring to the a dn b under CS128 lining up with the a under CS127 section 2? If so, that's because they aren't at the same level but they are lined up correctly.
  3. your question is not clear 1 and 2 Grading and lectures line up A and B (capitals) line up You have added i. and ii. section 1 and 2 that line up with the a's and b's down below GRADING/CS128, LECTURES/CS127, and LECTURES/CS128 - if this is what you are talking about - that the a and b under i. Section 1 and the a under ii. Section 2 don't line up with the rest of the lower case a's and b' below them - well look, you have introduced the i. and ii. as list items and they will naturally show up the way they do. You could use the blockquote element to make them line up by doing something like this: <html> <head> <title>My Project List</title> </head> <body> <ol type="1"> <li>Grading <ol type="A"> <li> CS 127 <ol type="i"> <li> Section 1 <ol type="a"> <li>Quiz 1 <li> Program 1 </ol> <li> Section 2 <ol type="a"> <li> Program 1 </ol></ol> <li> CS 128 <blockquote> <ol type="a"> <li>Program 1 <li>Program 2 </ol> </blockquote> </ol> <li> Lectures <ol type="A"> <li> CS 127 <blockquote> <ol type="a"> <li>Selection Statements </ol> </blockquote> <li> Cs 128 <blockquote> <ol type="a"> <li>Recursion </ol> </blockquote> </body> </html> By the way, you also had your head element in the wrong place - note the change. Also, you'll note that the blockquote does cause some line spacing changes vs just using list elements
  4. Would it be because 2 of them are 4 levels deep, and the other 3 are 3 levels deep? Even though it renders fine in the browser without them, you should always include closing tags in your HTML code -- if for no other reason, because it improves readability. And I realize that it's impossible to indent anything in a Y!A question (or answer) , but just in case you aren't indenting nested constructs, you should be, again, because it makes the sources infinitely easier to read.
  5. You have some syntax errors. <title></title> must be inside <head></head>, not the other way round. Here: <html> <head> <title>My Project List</title> </head> <body> <ol type="1"> <li>Grading</li> <ol type="A"> <li> CS 127</li> <ol type="i"> <li> Section 1</li> <ol type="a"> <li>Quiz 1</li> <li> Program 1</li> </ol> <li> Section 2</li> <ol type="a"> <li> Program 1</li> </ol> </ol> <li> CS 128</li> <ol type="a"> <li> Program 1</li> <li> Program 2</li> </ol> </ol> <li> Lectures</li> <ol type="A"> <li> CS 127</li> <ol type="a"> <li> Selection Statements</li> </ol> <li> Cs 128</li> <ol type="a"> <li>Recursion</li> </ol> </ol> </ol> </body> </html> And everything is lining up for me.
Powered by Yahoo! Answers