Solved

Have image background color=page color

Posted on 2004-10-12
13
179 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: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

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: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

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

Suggested Solutions

Title # Comments Views Activity
Zooming in Picture by moving the mouse 3 79
Imac (Gaphic Card 4GB, 32 RAM) and After effects? 4 92
Website cross platform development 6 42
RGB code colors 8 113
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.
Learn how to set up basic frames and paths in Prezi and understand the open space that Prezi allows you to create presentations in.
Learn how to create interesting presentations by including videos to keep your audience engaged using Prezi. Select "Insert" from the top menu in your Prezi editor: Select "YouTube Video": Paste the video URL into the prompt: "Select "Insert":…

696 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