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
  1. #1
    New Coder bigtiger's Avatar
    Join Date
    Oct 2005
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help on css with space between two column !!

    This is code that I used to build the page
    How can I remove the space between two columns ?

    Thanks

    PHP Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <
    html>
    <
    head>
    <
    style type="text/css">
    body {
        
    margin10;
        
    padding10;
    }

    div#wrapper {
        
    bordersolid 0px #000000;
        
    width238px;
    }

    div#info1 {
        
    bordersolid 0px #000000;
        
    width26px;
        
    height55px;
        
    padding-left5px;
        
    padding-top40px;
        
    background-imageurl(info1.jpg);
        
    background-repeatno-repeat;
        
    background-position0px 30px;
        
    margin-top0px;
        
    /* float: left:*/
    }

    div#info2 {
        
    bordersolid 0px #000000;
        
    width26px;
        
    height70px;
        
    padding-left5px;
        
    background-imageurl(info1.jpg);
        
    background-repeatno-repeat;
        
    /* float: left; */
    }

    div#content {
        
    width105px;
        
    bordersolid 0px #000000;
        
    height200px;
        
    float:right;
        
    /* display: inline; */
    }

    div#content_new {
        
    float:right;
        
    border:solid 0px #ff0000;
        
    height288px;
        
    width191px;
        
    margin0px;
        
    padding5px 3px;
        
    background-imageurlcontent.jpg );
        
    background-repeatno-repeat;
    }
    </
    style>
    </
    head>
    <
    body>
    <
    div id="wrapper">
        <
    div id="content_new">right</div>
        <
    div style="width:31px">
        <
    div id="info1"le1</div>
        <
    div id="info2">left2</div>
        </
    div>
    </
    div>
    </
    body>
    <
    html

  • #2
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    A URL to said site would be a good start to fixing the problem

    Drew

  • #3
    New Coder bigtiger's Avatar
    Join Date
    Oct 2005
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by FWDrew View Post
    A URL to said site would be a good start to fixing the problem

    Drew

    Thank, FWDrew.

    Actuallly I have to build a box like this.
    Just ignore the chinese chars

    I have used some background image to form the overall shape.
    But there are some spaces in between.

    Thanks,
    Attached Thumbnails Attached Thumbnails Help on css with space between two column !!-capture_05092008_030423.jpg  

  • #4
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    Try adding this to your css:

    Code:
    * {margin:0px; padding:0px;}
    That code resets the margin and padding of your document.


  •  

    Posting Permissions

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