Skip navigation
Michael Farnbach
Currently Being Moderated

Bullet Points and Spacing

Feb 14, 2013 7:50 PM

Tags: #spacing #css #points #bullet #alignment

Hi,

 

I'm having awful problems in two areas in my css:

 

1) I can't get a space after the heading. When i put some padding in, it pushes the underline down and;

 

2) I can't get the text in the bulllets to line up properly

 

 

Please help!

 

 

space-and-bullet.jpg

 
Replies
  • Currently Being Moderated
    Feb 14, 2013 8:12 PM   in reply to Michael Farnbach

    The answer's are in your code. Please upload the page and post a link so we can view it in our browsers.

     

    Failing that, please post all the HTML and CSS code here. Link is preferred though.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 15, 2013 5:57 AM   in reply to Michael Farnbach

    In your .headingOne, change this:

     

         padding: 0px

     

    to this:

     

         padding: 0px, 0px, Xpx, 0px;

     

    where X is the amount of padding you want on the bottom of the element. As written, the style code is being ignored because your line does not end with the terminal semi-colon.

     

    Chris

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 15, 2013 6:27 AM   in reply to Michael Farnbach

    For the listing with the bullets use an unorderd list like the one in the menu.

    *******************************

    <ul>
    <li> Bipolar 1 disorder</li>

    <li> Major Depressive Disorder</li>

    <li> Post traumatic Stress Disorder</li>

    <li> Chronic Somatoform Pain Disorder</li>

    <li> Generalised Anxiety Disorder</li>

    <li> Schizophrenia and </li>

    <li> Dementia associated with Parkinson's disease.</li>
    </ul>

    **************************

     

    miss_marple

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 18, 2013 5:40 PM   in reply to Michael Farnbach

    To control text around floated images, put the image inside a floated div and add a min-height value

    http://alt-web.com/DEMOS/CSS2-Captions-on-floated-images.shtml

     

    .floatLt {

    width: VALUEpx;

    min-height: VALUEpx;

    padding: 8px;

    border: 1px solid #CCC;

    }

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 19, 2013 4:44 AM   in reply to Michael Farnbach

    It's a work around ... but not neat HMTL.

     

    I wonder why in your page the second line of the last <li> doesn't line up. It should!

    See my test screenshot and the two changes in the source code.

     

    ul.gif

     

    In the <style> area I added:

    code-styles.gif

     

    In the body area I replaced:

     

    code-body.gif

     

    miss_marple

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points