Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question About <li>

    i'm quite fresh on web programming., while surfing ,i regconize that coders prefer making Menu Bar by using <li> tab than <table> one.It's the habit or sth else??. both have same properties when we adjust them by CSS. Somebody tell me about this problem. <excuse for my bad English> Thanks

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    http://www.hotdesign.com/seybold/

    <li>'s are an easier way to manage and style a navigation system. Its much easier than tables with more control.

  • Users who have thanked jcdevelopment for this post:

    lamgiaheo (07-12-2008)

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,777
    Thanks
    6
    Thanked 1,021 Times in 994 Posts
    Plus, it’s more semantic. A navigation isn’t tabular data. Rather, it’s a list of links.

  • #4
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Code:
    <table>
    	<caption>Site Navigation</caption>
    	<thead>
    		<tr>
    			<th>Page</th>
    			<th>URL</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr>
    			<td>Home</td>
    			<td><a href="http://example.com/">http://example.com/</a></td>
    		</tr>
    		<tr>
    			<td>About</td>
    			<td><a href="/about/">http://example.com/about/</a></td>
    		</tr>
    		<tr>
    			<td>News</td>
    			<td><a href="/news/">http://example.com/news/</a></td>
    		</tr>
    		<tr>
    			<td>Contact</td>
    			<td><a href="/contact/">/http://example.com/contact/</a></td>
    		</tr>
    	</tbody>
    </table>

  • Users who have thanked rmedek for this post:

    lamgiaheo (07-12-2008)

  • #5
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Wouldn't a definition list be more suited if you formatted it like that, though?

  • #6
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    It wouldn't bother me at all.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •