Hello Experts

I have following codes

<html>
<head>

<style type=text/css>
#box1{
margin:0 auto;
border:1px solid green;
width:400px;
height:70px;
color:blue;
padding:10px;
overflow:hidden;
background-image:url(images/DREAM.JPG);
background-size:100% 100%;
background-repeat:no-repeat;
}

#logo {
width:120px;
height:70px;
background-image:url("images/asia.png");
background-repeat:no-repeat;
background-size:contain;
float:left;
}

.bg{
height:100%;width:100%;
}
</style>

</head>
<body>
<div id="box1">

<div id="logo"></div>

<div style=float:left;><p style=font-weight:bolder;color:blue;font-

size:20px;margin-top:10px;>How to remove white space?</p></div>

</div>
</body>
</html>

bb.png

I want to know how to remove white space aroung image.

Please help

Recommended Answers

All 2 Replies

The white background color is in the image, right? Open up your photo editor and remove the white background.

Just to add regarding removing the white background, actually what I you suggest is that you create a new png file with a transparent layer, insert your picture and then use the editing tools to select the white background area, then cut it out. That will leave you with the remaining image on top of a transparent layer. Save as a png file

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.