text: Website coding help | TechieHQ
  Discussion in 'Web Design & Coding' started by Dave601, Aug 25, 2005.
  So I finally decided to sit down and learn HTML/XHTML code and CSS. I think I have a pretty good grasp on them but I am still learning. I have started to build a webpage and have been making some good progress on it for the last few days.
  I am kind of stuck on one thing though. I created a logo (link to logo) and I need to have the background of that logo transparent. So I save the logo as a .gif and put it into the site. As you can see the logo looks...well...not so good. The edges of the text and image are so pixilated (don't know if that is the right word?).
  So I thought that I would try to save the image as a .png. I have since then found out that IE doesn't support .png without using this filter. This seemed really hard for a novice like me to implement.
  So if someone could:
  A: Tell me what to do about the .gif (can I make it work or not)?
  B: Tell me how to implement the .png filter that posted. For that matter, if I use a .png format would even help my situation?
  I am going to bed, but I will check back tomorrow.
  Upload this to your server.
  Insert the following in between your <head> tags on pages you have a transparent png.
  <script src="pngfix.js" type="text/javascript"></script>
  D Schrute, Aug 25, 2005
  I wouldn't save that plain logo as a PNG, save it as a GIF.
  What I do is whatever I want transparent paint it bright green or pink and than select that color to be transparent. If you need help with it, let me know.
  Well I have the gif transparent, but my problem is that the gif looks so crappy.
  Here is logo saved as gif.
  Here is logo saved as jpg.
  Here is logo saved as png.
  So is there any way to get the gif image to look like the jpg image? Or is this just something that I will have to live with? And about the png if I use javascript the IE security bar thing will pop up all the time, right? At least that is what happened to me when I tried. Thanks to both of you for your help so far. :thumbs
  It will only give you the IE security bar when running on your pc. Upload it to a web server and then try and run it... should work fine with no bar.
  Oh...Dan that worked perfect! Transparent and still crisp, sharp text. Thanks Dan! :thumbs
  Edit: Just found one problem. When I try to view the page in Opera the image shows for a second and then goes away.