Advanced Search

Results 1 to 5 of 5

Thread: remove 'gap' at end of div

  1. #1
    Join Date
    Oct 2008
    Posts
    21
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default remove 'gap' at end of div

    Hi all,

    sorry this is such a stupid question but i've tried and tried and i cant figure it out! How do you delete the 'gap' at the end of a div if there is one?


    I am using lightbox for jquery and i if i try simply deleting the gap at the end it takes some of the info in the div with it from the HTML. I guess there must be a way to define the div size or margin in the CSS but i've tried a load of things and i cant figure it out!!

    You can see what i mean here: http://cart3.jaspers-sensations.com/...od/indexlb.htm

    CSS is here : http://cart3.jaspers-sensations.com/...od/css/xxx.css

    Thanks!

    Matt

  2. #2
    Join Date
    Jul 2008
    Location
    boston, ma
    Posts
    88
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    I don't understand the "gap" I don't see it. I see a box that opens the lightbox when clicked. on a yellow bg. Why do you have the phrase "end of div"?
    I don't see how the gap affects anything on the page...

  3. The Following User Says Thank You to Irishcash33 For This Useful Post:

    mastubbs (11-13-2008)

  4. #3
    Join Date
    Oct 2008
    Posts
    21
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    The gap is the space between the bottom of the image and the 'end of div' comment. If you copy the source HTML into a code editor and look in design view you will see the gap i mean. Playing with it in the design view i managed to remove the 'gap' beneath but then i got a gifferent 'gap' to the left

    It doesnt effect anything on this page but i want to use this script in an auto-resizing iframe and the 'gap' underneath is leaving a large margin at the bottom of the iframe.

    any other ideas?

    Thanks

    Matt

  5. #4
    Join Date
    Oct 2008
    Location
    kolkata, india
    Posts
    75
    Thanks
    2
    Thanked 10 Times in 10 Posts

    Default

    at first you make all tags you have used in html, padding & margin 0..
    then make img tag display block.. may this code

    Code:
    div, ul, li, img, a, p{
     	padding:0;
    	margin:0;
     }
     img{
     	border:none;
    	display:block;
     }
    hope this will help you

  6. #5
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    This is better since you cover all tags:
    Code:
    * {
       margin:0px;
       padding:0px;
    }
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

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
  •