Web Analytics Made Easy -
StatCounter Unordered list - CodingForum

Announcement

Collapse
No announcement yet.

Unordered list

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Unordered list

    I have an unordered list as with my links in it how do i make the line spacing for each link to have a little more

    this is what i have at the moment

    Code:
    #nav li 		{			list-style: none;
    						display: inline;
    				}
    				
    #nav ul li		{			line-height: 100em;
    				}
    #nav being the div that the list is in.

    Thanks
    .pLeAd InSaNiTy.

  • #2
    If I understand you, add padding to the a tag.
    Teed

    Comment


    • #3
      i want to add some space between each link.

      Link1
      Link2
      Link3
      Link4

      I want more spacing between each of the links as they look really cramped
      .pLeAd InSaNiTy.

      Comment


      • #4
        Then add some padding to the <li> tag.
        Teed

        Comment


        • #5
          #nav li { list-style: none;
          display: inline;
          padding-top:10px;
          }

          doesn't do anything
          .pLeAd InSaNiTy.

          Comment


          • #6
            Do you want vertical or horizontal navigation???

            Comment


            • #7
              vertical.
              .pLeAd InSaNiTy.

              Comment


              • #8
                Code:
                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
                <html>
                <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                <title>Untitled Document</title>
                <style type="text/css">
                #nav ul li {
                	padding-bottom: 25px;
                }
                </style>
                </head>
                
                <body>
                <div id="nav">
                            <ul>
                              <li><a href="index.html" target="_blank" title="Chieftain Clothimg Home" ></a>Home</li>
                              <li><a href="inspiration.html" title="Chieftain Clothing Inspiration page" target="_blank"></a>Inspiration</li>
                              <li><a href="shop.html" title="Chieftain Clothing Shop page" target="_blank"></a>Shop</li>
                              <li><a href="contact.html" title="Chieftain Clothimg contact page" target="_blank"></a>Contact</li>
                              <li><a href="team.html" title="Chieftain Clothimg Team page" target="_blank"></a>Out Team</li>
                              <li><a href="http://chieftainclothing.com/blog" title="Chieftain Clothimg Blog page" target="_blank"></a>Blog</li>
                            </ul>
                </div>
                </body>
                </html>
                Again, very simple. Add padding to the list tag.
                Teed

                Comment


                • #9
                  You can use line-height property also..

                  Comment

                  Working...
                  X
                  😀
                  🥰
                  🤢
                  😎
                  😡
                  👍
                  👎