SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist
    Join Date
    Feb 2005
    Location
    London, UK
    Posts
    420
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    gap in between images i need to be next to each other

    Code:
    img.firstmenupic {margin-left:53px; margin-right:0px; margin-top:0px; margin-bottom:25px; text-align:left;}
    
    img.menupic {margin-left:0px; margin-top:0px; margin-bottom:25px; text-align:left;}

    ok, basically i have one picture.. 53px from the left.. and then i want the other pics to hug that initial image..

    if you look on this page.. the image.. studio has the firstmenupic class and the remaining 4 have the menupic class..

    as you can see there is a little gap between each one.. can someone please get rid of all these gaps in between the buttons for me.. the gap is present in ff and ie.

    http://www.heathrowminicab.com/falco...properties.asp

  2. #2
    Carpe Diem = Fish of the Day fisherboy's Avatar
    Join Date
    Dec 2005
    Location
    New Zealand
    Posts
    488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi

    I'm not that great at CSS so don't take this as gospel, OK?

    The browsers appear to deliver a 4-5px gap.

    You could try either:
    padding: 0;
    border: none;

    or

    margin-left: -4px;

    Good luck!
    fisherboy
    Web Site Design

  3. #3
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    img.firstmenupic {float:left;
    img.menupic {float:left;

    p.noprops {clear:both;

  4. #4
    SitePoint Evangelist
    Join Date
    Feb 2005
    Location
    London, UK
    Posts
    420
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the margin left -4px worked.. and so did all 4 nerds solution

    all4nerds could u briefly explain what the clear:both does...

    does it mean not to interfere with anything around it?

  5. #5
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    if you float containers you have to end the float, clear them

    a (autowidth , no float) container can not be after floats, it collaps (moves up)
    whithout a clearing off the floats above it

    to clear a float with a (autowidth) container the floats must touch it, be in the same container as the floats


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
  •