...

View Full Version : Help on css with space between two column !!



bigtiger
05-11-2008, 11:53 AM
This is code that I used to build the page
How can I remove the space between two columns ?

Thanks



<!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 {
margin: 10;
padding: 10;
}

div#wrapper {
border: solid 0px #000000;
width: 238px;
}

div#info1 {
border: solid 0px #000000;
width: 26px;
height: 55px;
padding-left: 5px;
padding-top: 40px;
background-image: url(info1.jpg);
background-repeat: no-repeat;
background-position: 0px 30px;
margin-top: 0px;
/* float: left:*/
}

div#info2 {
border: solid 0px #000000;
width: 26px;
height: 70px;
padding-left: 5px;
background-image: url(info1.jpg);
background-repeat: no-repeat;
/* float: left; */
}

div#content {
width: 105px;
border: solid 0px #000000;
height: 200px;
float:right;
/* display: inline; */
}

div#content_new {
float:right;
border:solid 0px #ff0000;
height: 288px;
width: 191px;
margin: 0px;
padding: 5px 3px;
background-image: url( content.jpg );
background-repeat: no-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>

FWDrew
05-11-2008, 11:56 AM
A URL to said site would be a good start to fixing the problem :thumbsup:

Drew

bigtiger
05-12-2008, 07:31 AM
A URL to said site would be a good start to fixing the problem :thumbsup:

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,

CaptainB
05-12-2008, 11:09 AM
Try adding this to your css:


* {margin:0px; padding:0px;}

That code resets the margin and padding of your document.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum