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 2 of 2
  1. #1
    Regular Coder
    Join Date
    Jun 2007
    Posts
    310
    Thanks
    86
    Thanked 3 Times in 3 Posts

    <p> tags and <li> problems?

    Hi Guys,

    I have a couple of CSS problems i'd like your help with on this page

    http://www.slougheaz.org/box.html

    1) On this page in the first element i'd like it so the text is moved up towards the Headline goes here heading

    2) On this page in the second element i'd again like the text moved up, but also to the left,

    Both just like the screenshot i've posted on the page. I've tried fiddling, but can't get it to do what I want

    Can anyone help?

    Thanks
    Chris

  • #2
    Regular Coder
    Join Date
    Jan 2008
    Location
    Willow Grove, PA
    Posts
    169
    Thanks
    1
    Thanked 27 Times in 27 Posts
    To fix both issues, you'll have to mess with the margins and padding of the UL and P tags. The browser's default styling has about 25px of margin-left for UL and 18 - 20px of margin for P tags.

    Most people add the below style declaration to the top of their style sheets to reset margin and padding to zero.

    Code:
    * {
        margin: 0px;
        padding: 0px;
    }

  • Users who have thanked sobrien79 for this post:

    stfc_boy (02-27-2008)


  •  

    Posting Permissions

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