Ul li not validating

HTML & CSS
1

hi all

not able to know why is this code not validating. whats the alternative solution.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<ul class="quick">
		<li class="quick"><a href="#" class="quick_link">link 1</a></li>
		<li><a href="#" class="quick_link">link 2</a></li>
		<li><a href="#" class="quick_link">link 3</a></li>
		<li class="quick_botm">link 4</li>
			<ul>
				<li><a href="#" class="quick_link">- sublink</a></li>
				<li><a href="#" class="quick_link">- sublink</a></li>
				<li><a href="#" class="quick_link">- sublink</a></li>
				<li><a href="#" class="quick_link">- sublink</a></li>
				<li><a href="#" class="quick_link">- sublink</a></li>
				<li><a href="#" class="quick_link">- sublink</a></li>
			</ul>
		<li style="border-top:1px solid #e1e1e1"><a href="#" class="quick_link">link 5</a></li>
	</ul>
</body>
</html>

vineet

2

i already have list style none defined


ul.quick li{
margin:0px;
padding:0 0 0 40px;
list-style:none;
background-image:url(../images/quick_li_bg.gif);
background-repeat:no-repeat;
line-height:32px;
}


ul.quick ul li{
margin:0px;
padding:0 0 0 20px;
list-style:none;
background-image:none;
line-height:32px;
}

vineet

3

Yup : ) You found it. ul and ol can only have li as direct children, so also not other ul’s or ol’s.

4

ok solved it.

li was to be closed after </ul>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<ul class="quick">
		<li class="quick"><a href="#" class="quick_link">link 1</a></li>
		<li><a href="#" class="quick_link">link 2</a></li>
		<li><a href="#" class="quick_link">link 3</a></li>
		<li class="quick_botm">link 4
			<ul>
				<li><a href="#" class="quick_link">- sublink</a></li>
				<li><a href="#" class="quick_link">- sublink</a></li>
				<li><a href="#" class="quick_link">- sublink</a></li>
				<li><a href="#" class="quick_link">- sublink</a></li>
				<li><a href="#" class="quick_link">- sublink</a></li>
				<li><a href="#" class="quick_link">- sublink</a></li>
			</ul>
		</li>
		<li style="border-top:1px solid #e1e1e1"><a href="#" class="quick_link">link 5</a></li>
	</ul>
</body>
</html>

vineet

5

I am not sure exactly what you are after but if you add; <li style=“list-style: none”> after the “link 4” closing </li> tag and add an </li> before the last <li> it will validate, or were you wanting link 4 to be a hyperlink as well?