?
Solved

Have image background color=page color

Posted on 2004-10-12
13
Medium Priority
?
182 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
[X]
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
  • 2
  • 2
  • 2
  • +4
13 Comments
 
LVL 30

Accepted Solution

by:
weed earned 1500 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: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering 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: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering 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

Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
In this second Micro Tutorial in the series,  viewers will learn more basic shortcuts and functions of Illustrator. In this tutorial you will learn about the eyedropper tool, zoom , ellipses and more.
Not only does Prezi allow you to create non-linear presentations, it also makes it easy to apply transition animations between your frames. Learn how to apply a fade-in transition to select items and entire frames in this tutorial Select "Edit Path"…
Suggested Courses
Course of the Month14 days, 22 hours left to enroll

770 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