SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist Pixelateur's Avatar
    Join Date
    Feb 2006
    Location
    Hamburg, Germany
    Posts
    593
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Can't get negative margin to work

    Hello,

    I am building a portfolio website and my client wants me to remove the dotted line at the bottom (after the last row of images).

    I have been toying with
    Code:
    margin-bottom: -2px;
    on the content and footer divs already, but to no avail.

    The dotted lines in the background are derived from an image file. Don't ask me why, client decision...

    Can anybody tell me how to make the bottom dotted line disappear?

    Thanks for any help.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,296
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The negative margin will just drag the content below upwards it won't hide the border unless you add the solid border as a top border to the footer instead and then add a background colour and z-index to the footer.

    e.g.
    Code:
    #projekte #content {border-bottom:none}
    
    footer{
    z-index:2;
    background:#fff;
    border-top:1px solid #000;
    }

  3. #3
    SitePoint Evangelist Pixelateur's Avatar
    Join Date
    Feb 2006
    Location
    Hamburg, Germany
    Posts
    593
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh thanks Paul, works like a charme!


Bookmarks

Posting Permissions

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