SOcRatEs
Posts: 912 +1
Can you spot what I did wrong with nesting OL with UL?
Hover buttons got wacked when I started nesting OL.
I now have "1." on leftside of buttons
Website
My OL listing is correct:
1.
2.
--2.1
----2.1.1
3.
4.
--4.1
I think maybe triple nesting may have hosed it.
Thank you to anyone who can help!!
Hover buttons got wacked when I started nesting OL.
I now have "1." on leftside of buttons
Website
My OL listing is correct:
1.
2.
--2.1
----2.1.1
3.
4.
--4.1
I think maybe triple nesting may have hosed it.
Thank you to anyone who can help!!
Code:
Html head:
<style type="text/css">
body {
background-image:
url('images/bg22.jpg');
background-attachment: fixed;
}
</style>
<style type="text/css">
ol { counter-reset: item }
li { display: block }
li:before { content: counters(item, ".") ". "; counter-increment: item }
</style>
</head>
Body:Left col
<div id="button">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="2.html">Contacts</a></li>
<li><a href="3.html">About Us</a></li>
<li><a href="http://my-yardsale.com/phpBB2/index.ph">Arizona's Yard Sale</a></li>
<li><a href="4.html">Terms of Use</a></li>
<li><a href="5.html">Prohibited Items</a></li>
<li><a href="6.html">Affiliates</a></li>
<li><a href="region.html">Yard Sales by State</a></li>
</ul>
</div>
Center col
<ol>
<li>Category One</li>
<li>Category Two <----Note: No Closing List Tag
<0l>
<li>Sub-Category One</li>
<li>Sub-Category Two <----Note: No Closing List Tag
<ol>
<li>Sub-Sub-Category One</li>
<li>Sub-Sub-Category Two</li> <----Note: Closing List Tag
</ol></li> <----Note: Nested List Closed
<li>Sub-Category Three</li>
</ol></li> <----Note: Nested List Closed
<li>Category Three</li>
</ol> <----Note: End of entire list