Solved

Have image background color=page color

Posted on 2004-10-12
13
175 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
Comment Utility
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
Comment Utility
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
Comment Utility
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
 

Expert Comment

by:leoumar
Comment Utility
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
Comment Utility
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
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 30

Expert Comment

by:weed
Comment Utility
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
Comment Utility
Do you have adobe photoshop?
0
 
LVL 14

Expert Comment

by:leoahmad
Comment Utility
I have adob photoshop.....!
0
 
LVL 2

Expert Comment

by:mightofnight
Comment Utility
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
Comment Utility
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
Comment Utility
I think  ro0t88 says the right thing.
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

I've been using this technique since Adobe CS2, and it should work with any version of Illustrator that includes the appearance panel. In this tutorial we'll create a button using the appearance panel in Adobe Illustrator, and then save it as a r…
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
Learn how to download your full Prezi presentation for offline presenting. Prezi doesn’t have to be viewed and shared in a web browser, even with a free account you can download your full presentation to share with others. Be sure to download any vi…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

763 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

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now