transparent GIF

[Alfred Lorona]

I have a line drawn cartoon which I wish to put on a web page. Photo Shop
saves in GIF89a format which renders it transparent. I do not want the
colored background to show through the cartoon . How do I instruct html to
render the background white or non-transparent?

Thanks, AL

 

[Paul Furman]

How do I instruct html to
render the background white or non-transparent?

You will need a graphics program to convert the file. I should warn you
though that the results are often dissapointing because it emphasizes
the jaggy edges. If you can edit to make the background color match that
generally works better.

 

[Malcolm]

I have a line drawn cartoon which I wish to put on a web page. Photo Shop

saves in GIF89a format which renders it transparent. I do not want the
colored background to show through the cartoon . How do I instruct html to
render the background white or non-transparent?

In your imaging software, set the transparent setting to none (or no
transparency) when you save the cartoon.

Malcolm

 

[rf]

I have a line drawn cartoon which I wish to put on a web page. Photo Shop
saves in GIF89a format which renders it transparent. I do not want the
colored background to show through the cartoon . How do I instruct html to
render the background white or non-transparent?

You don't. You instruct your graphics program to not create a transparent
gif.

Cheers
Richard.

 

[Toby A Inkster]

I have a line drawn cartoon which I wish to put on a web page. Photo Shop
saves in GIF89a format which renders it transparent. I do not want the
colored background to show through the cartoon . How do I instruct html to
render the background white or non-transparent?

This should work:

<img src="tree.gif" height="120" width="80" alt="AcmeCo"
title="Corporate logo (an oak tree)"
style="background:white;color:black;">

 

[rf]

This should work:

<img src="tree.gif" height="120" width="80" alt="AcmeCo"
title="Corporate logo (an oak tree)"
style="background:white;color:black;">

Dammit Toby, you are not supposed to think so far outside the nine dots!

http://users.bigpond.net.au/rf/foot.html

Cheers
Richard.

 

[Paul Furman]

This should work:

<img src="tree.gif" ...
style="background:white;color:black;">

Does that actually set the foreground & background of a b&w bitmap gif?

 

[Mitja]

Does that actually set the foreground & background of a b&w bitmap gif?

I don't think color:black is really neccessary. HTML/CSS is not a tool for
changing images themselves (although MS doesn't seem to think so -
http://www.netspade.com/articles/css/filters.xml). All background:white does
is set a white BACKground, which has nothing to do with the image itself, it
just shows through the transparent areas (which retain their transparency).

Mitja

 

[Andrew Glasgow]

I have a line drawn cartoon which I wish to put on a web page. Photo Shop
saves in GIF89a format which renders it transparent. I do not want the
colored background to show through the cartoon . How do I instruct html to
render the background white or non-transparent?

Thanks, AL

It would be better to set the GIF to not have transparancy, Photoshop
can do this but you just need to use it properly.

 

[Toby A Inkster]

http://users.bigpond.net.au/rf/foot.html

You keep posting these links, but I the domain doesn't seem to resolve.

 

[Toby A Inkster]

I don't think color:black is really neccessary.

The "color:black" is for the alt text if the image fails to load for
whatever reason.

 

[Weyoun the Dancing Borg]

Mitja wrote:




The "color:black" is for the alt text if the image fails to load for
whatever reason.

shouldn't that be in Hex anyway? I thought "red" or "black" and whatnot
were phased out?

 

[Toby A Inkster]

shouldn't that be in Hex anyway? I thought "red" or "black" and whatnot
were phased out?

Certainly not. There are 16 colour keywords defined in HTML 4:

http://www.w3.org/TR/html401/types.html#h-6.5

and CSS 3 defines a whole bunch more, mainly inherited from X11 and
already supported in many browsers:

http://www.w3.org/TR/css3-color/

 

[Steve Pugh]

shouldn't that be in Hex anyway? I thought "red" or "black" and whatnot
were phased out?

Not at all. The 16 colours specified in HTMl 4 are referenced by CSS2,
(CSS2.1 adds a 17th - orange).

The use of any colour in HTML is, of course, deprecated - and absent
entirely from XHTML 1.1 - but they're still totally fine if used in
CSS.

http://www.w3.org/TR/html401/types.html#idx-color
http://www.w3.org/TR/CSS2/syndata.html#value-def-color

Any colour keywords other than those 16 (or 17) is problematic and
best avoided.

Steve

 

[Eric Bohlman]

http://www.w3.org/TR/html401/types.html#idx-color
http://www.w3.org/TR/CSS2/syndata.html#value-def-color

Any colour keywords other than those 16 (or 17) is problematic and
best avoided.

Problematic in that not only may a browser not recognize other color names,
different browsers that do recognize such names may not assign the same
color value to them.

 

[Barry Pearson]

Certainly not. There are 16 colour keywords defined in HTML 4:
http://www.w3.org/TR/html401/types.html#h-6.5

Yes. And CSS2.1 (if it becomes a recommendation) will add number 17.
http://www.w3.org/TR/CSS21/syndata.html#color-units

 

[Alfred Lorona]

Thanks, people. Will try your suggestions. AL