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 4 of 4

Thread: Annoying Gap

  1. #1
    Regular Coder
    Join Date
    May 2006
    Location
    Bristol, UK
    Posts
    147
    Thanks
    6
    Thanked 2 Times in 2 Posts

    Annoying Gap

    Hi,

    I have been making a little progress with substituting tables with css, however, I cant seem to shift the annoying gap between two images, i think i have tried everything!! lol

    The site is at: www.jdbcomputers.co.uk/new/newindex.php

    I have set the left hand menu as a div with a background image, this is so that i can have the login boxes and some links in as text ontop of the image. Please inform me if there is a better way of doing this.

    Any help appreciated.

    Thanks

    Jon
    "You only live once, play it right, and once is enough" - me :)
    "When i die only god can take my soul" - me again! :P

  • #2
    Regular Coder
    Join Date
    May 2006
    Location
    Bristol, UK
    Posts
    147
    Thanks
    6
    Thanked 2 Times in 2 Posts
    im even more confused now!! it looks totally different online to what it looks like on my PC viewed with wamp5.

    This is what i get on my pc: http://www.jdbcomputers.co.uk/new/site.JPG

    Im getting confused and frustrated lol

    EDIT: Sorry for that, signs of a long and stressfull day, turns out i dident upload the CSS file!!

    However, still have the gap, but have the same on both the pc and the server.

    Thanks
    Last edited by jonnybinthemix; 09-11-2007 at 11:11 PM.
    "You only live once, play it right, and once is enough" - me :)
    "When i die only god can take my soul" - me again! :P

  • #3
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    Code:
    #left {
    	width: 255px;
    	height: 580px;
    	float: left;
    }
    #left img{                            /* drop the #b1 from here */
    	width: 255px;
    	height: 110px;
    	float: left;
    }
    Alternately, keep the #b1 in the css and add an id="b1" to the image tag in the html. Both methods work.

  • Users who have thanked jlhaslip for this post:

    jonnybinthemix (09-12-2007)

  • #4
    Regular Coder
    Join Date
    May 2006
    Location
    Bristol, UK
    Posts
    147
    Thanks
    6
    Thanked 2 Times in 2 Posts
    Thanks mate,

    Problem solved.

    Much apreciated.

    Jon
    "You only live once, play it right, and once is enough" - me :)
    "When i die only god can take my soul" - me again! :P


  •  

    Posting Permissions

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