[thelist] CSS - background image keeps repeating

Fri May 11 06:37:37 CDT 2001

Sorry if this is a bit terse - pushed for time. Three points occur to me:

1) "Fixed" is not a legal value for "background-repeat" - it's a 
value for "background-attachment".

2) Have you tried changing the name of the background image to remove 
the underscore?

3) Do you *really* want background-color and color to have the same value?

Ignoring (3), I'd suggest trying something like this:

body {

font-family: arial, helvetica, sans-serif ;
font-size: medium ;
font-weight: 700 ;
background-image: url(purplegradient1.gif);
background-repeat: no-repeat
background-attachment: fixed ;
background-position: 0px 0px ;
background-color: #6600cc; 
color: #6600cc;
   }

HTH, DC

>Sagar, I tried it and it still tiles... and  I still have to put in "fixed"
>after no-repeat 'cause if I don't, the purple background color overlays the
>background image. ???????  I see you have background: url (etc.) instead of
>background-image: url (etc.) ??????? Could there be something else in the
>other CSS commands (for H1, H2, etc.) that could be conflicting? Also, I
>thought color: #6600cc belonged right under font-weight: 700 since it
>dictates the text color. How important is the sequence of these
>instructions? I purposely didn't trim this post so we could all see the
>sequence of events. Apologize for any inconvenience.
>
>Here's what I wrote:
>BODY
>
>   font-family: arial, helvetica, sans-serif ;
>   font-size: medium ;
>   font-weight: 700 ;
>   background: url(background_purplegradient1.gif) #6600cc ;
>   background-repeat: no-repeat fixed ;
>   background-position: 0px 0px ;
>   color: #6600cc
>   }
>
>Sagar wrote:
>>  Hi,
>>  Here is the  solution which you requested. Your error was that you were
>>  simultaneously specifying the background color and the image so there was
>>  conflict in the selection for the background. So the solution for this is
>>  given below. Its working atleast on my system :
>>
>>  <HTML>
>>    <TITLE>Sagar's home page</TITLE>
>>    <STYLE TYPE="text/css">
>>      BODY {
>>        background: url(c:\sasfaq\ashweek.jpg) #a5a7c9;
>>        background-repeat: no-repeat;
>>        background-position: 50px 50px;
>>        color: black;
>>      }
>>    </STYLE>
>
>---------------------------------------------------------------------------
>Sharon F. Malone
>"web design and Internet writing services"
>http://www.24caratdesign.com
>----- Original Message -----
>From: "sagar shukla" <sagar_a_s at hotmail.com>
>To: <thelist at lists.evolt.org>
>Sent: Friday, May 11, 2001 12:53 AM
>Subject: Re: [thelist] CSS - background image keeps repeating
>
>
>>    <BODY>
>>      <H1 style="color:red">Sagar's  Home Page</H1>
>>      <P style="color:blue">Test page testing the background image
>>  repetation.</p>
>>    </BODY>
>>  </HTML>
>>
>>
>>  Bye,
>>  Sagar.
>>
>>
>>  >From: "sfmalo" <sfmalo at msn.com>
>>  >Reply-To: thelist at lists.evolt.org
>>  >To: <thelist at lists.evolt.org>
>>  >Subject: [thelist] CSS - background image keeps repeating
>>  >Date: Thu, 10 May 2001 22:09:07 -0700
>>  >
>>  >Problem: Could someone please check the code below. I am trying to not
>have
>>  >my background image repeat ... but it insists on repeating! What am I
>doing
>  > >wrong?
>  > >
>  > >I've tried taking out background-position to no avail. I have tried
>taking
>  > >out "fixed" but doesn't help. Tried background-attachment - no soap (and
>it
>>  >doesn't work in NN4 anyway).
>>  >
>>  >BODY { "a bunch of other stuff" ;
>>  >   background-color: #6600cc ;
>>  >   background-image: url(background_purplegradient1.gif) ;
>>  >   background-repeat: no-repeat fixed ;
>>  >   background-position: 0px 0px }
>>  >
>>  >sharon)<:
>>
>>---------------------------------------------------------------------------
>>  >Sharon F. Malone
>>  >"web design and Internet writing services"
>  > >http://www.24caratdesign.com
>>  >
>
>
>
>---------------------------------------
>For unsubscribe and other options, including
>the Tip Harvester and archive of TheList go to:
>http://lists.evolt.org Workers of the Web, evolt !