UL LI based link list : ul « Tags « HTML / CSS






UL LI based link list

   

<!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" dir="ltr" lang="en-US"
  xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style rel="stylesheet" type="text/css">

</style>
</head>
<body>
    <div id="navigation">
      <h3>Blog Navigation</h3>
      <ul>
        <li><a href="index2.html">Email Updates</a></li>
        <li><a href="index2.html">Comment Tracker</a></li>
        <li><a href="index2.html">Popular Blog Entries</a></li>
        <li><a href="index2.html">SEOmoz Members</a></li>
        <li><a href="index2.html">Blog Disclaimer</a></li>
      </ul>
      <h3>Categories</h3>
      <ul>
        <li><a href="index2.html">Blog promotion</a></li>
        <li><a href="index2.html">Branding</a></li>
        <li><a href="index2.html">Business</a></li>
        <li><a href="index2.html">Clients</a></li>
        <li><a href="index2.html">Link Building</a></li>
        <li><a href="index2.html">Main</a></li>
        <li><a href="index2.html">Marketing</a></li>
        <li><a href="index2.html">Personal</a></li>
        <li><a href="index2.html">Reputation</a></li>
        <li><a href="index2.html">Management</a></li>
        <li><a href="index2.html">SEO</a></li>
        <li><a href="index2.html">SEO Industry News</a></li>
        <li><a href="index2.html">SEO Marketing</a></li>
        <li><a href="index2.html">Web Analytics</a></li>
        <li><a href="index2.html">Website Design</a></li>
      </ul>
      <h3>Archives</h3>
      <ul>
        <li><a href="index2.html">January 2008</a></li>
        <li><a href="index2.html">February 2008</a></li>
        <li><a href="index2.html">March 2008</a></li>
        <li><a href="index2.html">April 2008</a></li>
        <li><a href="index2.html">May 2008</a></li>
        <li><a href="index2.html">June 2008</a></li>
        <li><a href="index2.html">July 2008</a></li>
        <li><a href="index2.html">August 2008</a></li>
      </ul>
    </div>
</body>

</html>

   
    
    
  








Related examples in the same category

1.'ul' creates an unordered (bulleted) list
2.UL tag
3.Define class for UL for border (1px solid black) and padding (40px)
4.UL margin left and padding left
5.UL border bottom: 1px solid black
6.UL list style: none
7.UL width: 36%
8.UL text index: -1em
9.UL margin: 0
10.UL padding: 0 0 0 1em
11.Set margin for UL and LI
12.Use DIV to wrap a UL
13.Turn off list style
14.Left margin for list
15.Nested UL and LI tags
16.Add style to multi-level UL
17.turns off bullets for multi-level bullets
18.Add alignment line for UL
19.List with background
20.Advanced Lists: nested and ordered
21.ul margin-left: 40px; padding-left: 0px;
22.ul list-style-type: disc; list-style-image: url(bullet.gif);
23.ul padding: 0 0 0 1em;
24.UL width: 1000px;
25.UL float: left;
26.UL margin: 12px 0 1px 0;
27.UL display: block;
28.UL height: 25px;
29.UL LI based menu
30.UL float: right
31.UL for navigation
32.Setting style for UL inside a DIV
33.ul text-align: center;