Member Avatar for Shaziahussain

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 because: error
  • 3 Contributors
  • 2 Replies
  • 151 Views
  • 1 Hour Discussion Span
  • Latest Post Latest Post by JorgeM
Member Avatar for gentlemedia

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

Member Avatar for JorgeM

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.