3 Replies Latest reply on May 28, 2010 8:03 AM by rusrusrus

    hanging bullet point list

    rusrusrus Level 1

      Hi, ive been at this for a while and am getting know where.. please help.

       

      I just want to make a bullet point list up, when one sentence drops down to the next i want that text to be fush with the text above and not the bullet point. anyone have any ideas or a simple fix, its scrambling my mind circuits. see pik attached.

      hanging-text.jpg

        • 1. Re: hanging bullet point list
          SugnaShane Level 2

          It's probally the line-height. Can you show us your CSS and Code?

           

          Example:

           

          <ul>

          <li>test Here</li>

          </ul>

           

          li {

          line-height:1.8em;

           

           

          }

          • 2. Re: hanging bullet point list
            Nancy OShea Adobe Community Professional & MVP

            Try this.  Copy and paste this code into a new, blank document.

             

            <!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">
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <title>Unordered List Test</title>
            <style type="text/css">
            
            ul {
            margin:0;
            padding:0;
            list-style-type:square;
            list-style-position: outside;
            }
            
            li {
            margin-left: 45px; /**indent**/
            padding-left: 15px; /**bullet from text**/
            line-height: 1.5;
            }
            
            </style>
            </head>
            
            <body>
            <ul>
            <li>This is a long sentence, this is a long sentence, this is a long sentence, this is a long sentence.</li>
            <li>This is a long sentence, this is a long sentence, this is a long sentence, this is a long sentence.</li>
            </ul> 
            </body>
            </html>
            
            

             

             

            Nancy O.
            Alt-Web Design & Publishing
            Web | Graphics | Print | Media  Specialists
            http://alt-web.com/
            http://twitter.com/altweb
            http://alt-web.blogspot.com

            • 3. Re: hanging bullet point list
              rusrusrus Level 1

              excellant, worked a treat, i had to alter a few measurements but all gravy.