What is the alternate approach in creating a "table of contents" instead of using table tag? I tried pre and span tags but no luck since there is no "width" attribute for span. What do you recommend?
as i see it is not recommend using pre tag to create tables. So is there any other way to create tables? I am just trying to avoid using tables within tables since structure of the webpage is built using tables.
A table of contents would almost certainly be an ordered list. So you might have <div class="TOC"> <ol> <li>Section A</li> <li>Section B</li> <li>Section C <ol> <li>Sub-section a</li> <li>Sub-section b</li> </ol> </li> </ol> </div> Code (markup): After that we just need to style it so it looks the way you want. I don't really know how you want it to look yet so you'll have to come back with a description.
Yes, I agree. Bullet list is probably the best because you can easily add and remove items from the lists. I've tried the table thing when doing sitemap list, it does look nice but when I had new things to add, it can be a b*tch