Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Have image background color=page color

Posted on 2004-10-12
13
178 Views
Last Modified: 2010-04-06

Have a few logos that I would like to use on a web page.  Whenever I place the images on the page I get a white box with the logo inside.  I would like the white box to be the same color as the page.  Is there a particular term for this and how can I accomplish it?

Thanks
0
Comment
Question by:mjmccormick
  • 2
  • 2
  • 2
  • +4
13 Comments
 
LVL 30

Accepted Solution

by:
weed earned 500 total points
ID: 12294936
You can either make the stuff outside the image the same color as your page background before you save it, OR make it transparent, Save For Web, and select your web page color as the Matte color.
0
 
LVL 8

Expert Comment

by:shamstar
ID: 12296115
you might be getting a border with your image when its in the html page, to make sure this isnt happening, open your html page in a text editor such as notepad and then look for the relevant IMG tag.  you just need to add "border=0" to the tag to remove the boder if it actually is a html border.
Your tag would then look like this:

<img src="logo1.jpg" alt="" height="131" width="472" border="0">
0
 
LVL 2

Expert Comment

by:ThePCNerd
ID: 12297136
I know it could be done with java but I don't know how to do it in php, quickly that is.

I would recoomend adding a field to the entries for storing the table bgcolor

If you really want automation try searching ambient color finder, or another such term.

The term you are looking for is ambient color.
0
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 

Expert Comment

by:leoumar
ID: 12335006
The only way is to chage the extra color(white) to the color you want.you can use any image editor like adob photoshop and use the tool (Magic tool) to select the white color then you delete it, after doing so save the picture transparent.
0
 
LVL 2

Expert Comment

by:ThePCNerd
ID: 12335564
Ignore my last comment I didn't understand the question.

In addition to leoumar's last comment...

You must also save the file as GIF format with alpha transparency selected in teh transparency menu.

If you email me the files I will email you back the finished images. ***Email address edited out by PE Weed***
0
 
LVL 30

Expert Comment

by:weed
ID: 12335609
PCNerd: keep all correspondence to the EE discussion board. This isnt a place to get free work done. Also, I removed your email address to save you from the inevitable heaps of spam.
0
 
LVL 2

Expert Comment

by:mightofnight
ID: 12456701
Do you have adobe photoshop?
0
 
LVL 14

Expert Comment

by:leoahmad
ID: 12459367
I have adob photoshop.....!
0
 
LVL 2

Expert Comment

by:mightofnight
ID: 12460753
There are many ways to remove the white.  my favorite is to change the blending in the layerstyle properity.  the only problem is that it's hard to remove 100% of the white you will still get some white on the edges.. and or you will start to lose part of the logo.  If you can get away with it a simple fix is to add a small stroke to the picture of white.  here is a expamle

http://www.aperfectpage.com/uptown/pages/plaques.php

i added a small graident stroke to the picture which help spice up hte otherwise plain logo.

i still need to finish that template so it has some rough edges.. but you get the point
0
 

Expert Comment

by:ro0t88
ID: 12468545
Telling us what format the images are in and what editing software you have is the best way for us to answer your question.  I'm sure if you do that, you will have a suitable answer in no time.
0
 

Expert Comment

by:leoumar
ID: 12468683
I think  ro0t88 says the right thing.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.
In addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…

861 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question