Getting an error while building resume exercise. It has to do with list


#1

I'm completely perplexed with the following error: Oops, try again. It looks like you didn't include any lists.
My HTML code:

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	<div id="header";>Header</div>
	<div class="left";>left</div>
	<div class="right";>right</div>
	<div id="footer";>footer</div>
		
		<h1>Header with H1.</h1>
		<p>paragraphsparagraphsparagraphsparagraphsljslfdja
		dflksfjljsdfjlj
		fljsdfljasflkjfsdflsdf;kjdfa
		ljasfljfalsjfljljljjjljsdf
		;alkdf;asdfka;lsfdk
		asd'kf;laskdf;k;lka
		ljdfa
		lkfja;lfjasdfjasd;fj;
		iopejrlkjdfpiasfl;kjpioerop</p>
	    
	    <h2>Ordered list</h2>
	        <ol class="search";>
	            <li>One</li>
	            <li>Two</li>
	            <li>Three</li>
	            <li>Four</li>
	        </ol>
	   
	    <h3>Unordered list</h3>
	        <ul class="search";>
	            <li>One</li>
	            <li>Two</li>
	            <li>Three</li>
	            <li>Four</li>
	        </ul>
	    <p></p>
	    </body>
</html>

My CSS Code:

#header {
        height:50px;
        width:1500px;
        border:2px solid black;
        border-radius:5px;
        background-color:#00ff9f;
        text-align:center;
        font-family:cursive;
        font-size:2em;
        /*position:fixed;
        z-index:1;*/}
.left   {
        height:1500px;
        width:250px;
        border:2px solid black;
        background-color:#0041b2;
        border-radius:5px;
        float:left;
        margin-left:0px;
        text-align:center;
        font-family:cursive;
        font-size:4em;
        text-align:center;} 
.right  {
        height:1500px;
        width:250px;
        border:2px solid black;
        background-color:#293d72;
        margin-right:-15px;
        border-radius:5px;
        float:right;
        text-align:center;
        font-family:cursive;
        font-size:4em;
        }  
#footer {
        height:50px;
        width:1500px;
        border:2px solid black;
        border-radius:5px;
        float:left;
        background-color:#ef3b1c;
        text-align:center;
        font-family:cursive;
        font-size:2em; 
        clear:both;
        }
.search {
        font-family:cursive;
        
        }

#2

The semi-colons in your opening <ol> and <ul> tags do not belong.


#3

Oh Thanks! one more small help: Check this image


#4

there shouldn't be any semi-colons after classes and id's:

	<div id="header";>Header</div>
	<div class="left";>left</div>
	<div class="right";>right</div>
	<div id="footer";>footer</div>

remove all semi-colons from the code above. Why make a layout with header, left, right and footer but not nest your headings and list inside left or right? You might need a (un)ordered list without class/id to pass exercise


#5

2 posts were split to a new topic: Need unordered list