0

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

Edited by Shaziahussain: error

3
Contributors
2
Replies
13
Views
2 Years
Discussion Span
Last Post by JorgeM
0

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

0

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

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.