Website coding help

Discussion in 'Web Design & Coding' started by Dave601, Aug 25, 2005.

  1. Dave601

    Dave601 Web Guru VIP Member

    Joined:
    Jan 27, 2004
    Messages:
    1,017
    Likes Received:
    22
    Location:
    St. Paul, MN
    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. :D
     
    Last edited: Aug 25, 2005
    Dave601, Aug 25, 2005
    #1
    1. Advertisements

  2. Dave601

    D Schrute Assistant Sensei VIP Member

    Joined:
    Aug 31, 2004
    Messages:
    1,201
    Likes Received:
    19
    Location:
    VA & NC
    2.

    Upload this to your server.

    Insert the following in between your <head> tags on pages you have a transparent png.

    HTML:
     
    <script src="pngfix.js" type="text/javascript"></script>
    
     
    D Schrute, Aug 25, 2005
    #2
    1. Advertisements

  3. Dave601

    James Photojournalist VIP Member

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    Location:
    Maine, USA
    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.
     
    James, Aug 25, 2005
    #3
  4. Dave601

    Dave601 Web Guru VIP Member

    Joined:
    Jan 27, 2004
    Messages:
    1,017
    Likes Received:
    22
    Location:
    St. Paul, MN
    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
     
    Dave601, Aug 25, 2005
    #4
  5. Dave601

    D Schrute Assistant Sensei VIP Member

    Joined:
    Aug 31, 2004
    Messages:
    1,201
    Likes Received:
    19
    Location:
    VA & NC
    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.
     
    D Schrute, Aug 25, 2005
    #5
  6. Dave601

    Dave601 Web Guru VIP Member

    Joined:
    Jan 27, 2004
    Messages:
    1,017
    Likes Received:
    22
    Location:
    St. Paul, MN
    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.
     
    Last edited: Aug 25, 2005
    Dave601, Aug 25, 2005
    #6
  7. Dave601

    James Photojournalist VIP Member

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    Location:
    Maine, USA
    Post some examples of the website with the gif so I can see what's happening.
     
    James, Aug 25, 2005
    #7
  8. Dave601

    Dave601 Web Guru VIP Member

    Joined:
    Jan 27, 2004
    Messages:
    1,017
    Likes Received:
    22
    Location:
    St. Paul, MN
    Dave601, Aug 26, 2005
    #8
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.