Re: CSS Background Image

by Kid Stevens <Kidstevens(at)comcast.net>

Date:	Sun, 14 Jul 2002 20:01:56 -0600
To:	hwg-tech <hwg-techniques(at)hwg.org>
References:	snet snet2
	todo: View Thread, Original

It fails in NS4.79 because NS did not support that level of CSS back then.
Good CSS books have a table that lists the attributes supported by the
different version of browsers.  The list will be setup as CSS command in
Alpha order or by element level like block or inline.  If it is any good.

As the words of Paul Kmecak fell from above I was tickled at 9:34 PM -0400
on 7/14/02:

>Hi, All Again!!!
>
>First, thanks for the suggestions.  I'm still having "opportunities".
>
>Perhaps a bit more detail.  I have navigation buttons on a web site I'm
>working
>on.  The buttons are in their own <.div> so I can position them on the page.
>
>A friend suggested I come up with a different background color to help the
>buttons stand out.  The website for this page is
>
>www24.brinkster.com/paulkmecak/salvationArmy.html
>
>"background-color: green;" creates a green background for the div in NS 6+
>& IE
>6+, but not in NS 4.79.  I want to make this work in earlier browsers too.
>It's
>my understanding that requires "background-image".
>
>I'm trying this out on a test page on my own machine.  The absolute address I
>sent earlier is the address on my own machine (I think).  I want it to
>work on my
>machine before I put it up on the "real" world.
>
>I have the Win2K Pro version of  IIS 5.0 installed on my machine.  Should
>I try
>running my test page through IIS, or am I still messing up the coding somehow?
>Should I put the buttons inside a <.p> block and apply the background to it
>instead of the <.div>?
>
>Anyway, here's my test HTML:
>
><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
>
><.html>
><.head>
> <.title>Untitled<./title>
> <.link type="text/css" rel="stylesheet" href="test.css"><./link>
><./head>
>
><.body>
><.div class="test">
><.h1>Does this have a green background?<./h1>
><./div>
>
>
><./body>
><./html>
>
>and here's my CSS:
>
>.test {
> position: absolute;
> top: 25px;
> left: 25px;
> width: 300px;
> height: 500px;
> background-image: url(../images/buttonBackground.gif) top left;
>}
>
>Both test.html & test.css are in the same directory.
>
>I'm sure it's something that'll make me say "D'OH!" when I get it.  Thanks
>again.
>
>
>
>Paul Kmecak
>
>Paul Kmecak wrote:

-- 
Sincerely,
Kid Stevens

"Communication in one direction is just a lecture,  a telling of words,
a one way street, true communication is a two way street with
a speaker and a respondent at each end"
-Kid Stevens

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA