Dreamweaver - NO Repeat/Tile

Author

NO Repeat/Tile

Deon

2005-03-31, 4:27 am

Hi there,

How can I have this not to repeat or tile.

<body id="deon"
background="http://www.sincro.co.za/images/space_money.jpg">

--
Regards,

Deon H

Tim Gallant

2005-03-31, 4:27 am

"Deon" <REMOVEdeon@REMOVEsincro.co.za> wrote in message
news:Xns962A561291594REMOVEdeonREMOVEsinc@216.104.212.96...
> Hi there,
>
> How can I have this not to repeat or tile.
>
> <body id="deon"
> background="http://www.sincro.co.za/images/space_money.jpg">

1. Take the background property out of your HTML.

2. Put it in your CSS:

#deon {
background: url(images/space_money.jpg) no-repeat;
}

.... assuming that your page is on the bottom level of your site (e.g.
www.sincro.co.za/mypage.htm).

tim
--
Tim Gallant
http://www.pactumgroup.com

Basic tutorials: http://www.pactumgroup.com/tutorials/
Techblog: http://www.pactumgroup.com/techblog

Alexandro Colorado

2005-03-31, 7:21 am

On Thu, 31 Mar 2005 06:27:41 +0000 (UTC), Deon
<REMOVEdeon@REMOVEsincro.co.za> wrote:

> Hi there,
>
> How can I have this not to repeat or tile.
>
> <body id="deon"
> background="http://www.sincro.co.za/images/space_money.jpg">
>
use CSS instead, put this above the </header>
<style type="text/css">

</style>

--
Alexandro Colorado
------------------------------
Support Engineer
InterAKT Online
http://www.interaktonline.com
Tel: 40(21) 312.5312

Deon

2005-03-31, 7:27 am

"Tim Gallant" <webservices@pactumgroup.com> wrote in news:d2g5nm$e22$1
@forums.macromedia.com:

>
> "Deon" <REMOVEdeon@REMOVEsincro.co.za> wrote in message
> news:Xns962A561291594REMOVEdeonREMOVEsinc@216.104.212.96...
>
> 1. Take the background property out of your HTML.
>
> 2. Put it in your CSS:
>
> #deon {
> background: url(images/space_money.jpg) no-repeat;
> }
>
> ... assuming that your page is on the bottom level of your site (e.g.
> www.sincro.co.za/mypage.htm).
>
> tim

Tim,

This is the part that has to do the thing:

#deon {
background: url(../images/space_money.jpg);
background-repeat: no-repeat;
}

Unfortunatally it still repeats.
Is something wrong with the above?

--
Regards,

Deon H

Deon

2005-03-31, 7:27 am

"Alexandro Colorado" <acolorado@interaktonline.com> wrote in
news:opsohszniirohbc4@acolorado:

> On Thu, 31 Mar 2005 06:27:41 +0000 (UTC), Deon
> <REMOVEdeon@REMOVEsincro.co.za> wrote:
>
> use CSS instead, put this above the </header>
> <style type="text/css">
> 
> </style>
>

Alexandro,
thanx for your reply. Even your suggestion causes the background to
repeat. Now I don't know what next to try.

This is how the style looks right now:

<style type="text/css">

</style>

--
Regards,

Deon H

Alexandro Colorado

2005-03-31, 7:27 am

On Thu, 31 Mar 2005 09:05:21 +0000 (UTC), Deon
<REMOVEdeon@REMOVEsincro.co.za> wrote:

> "Alexandro Colorado" <acolorado@interaktonline.com> wrote in
> news:opsohszniirohbc4@acolorado:
>
>
> Hi again,
>
> I hae just discovered that when viewing the file in my FireFox browser,
> it displays 100% correctly.
>
> BUT, when using the same file as stationary in Outlook 2003, Outlook
> totally ignores the no-repeat. I want to use this in Outlook, and have
> therefor decided to widen the image with white space to the right.
>
> I don't know what to do else.
>
> Thanx for your time.
>

To create an HTML email then you might want to use embedded objects (at
least thats how they call it). Here is a good tutorial:
http://www.sitepoint.com/print/code...ail-newsletters

--
Alexandro Colorado
------------------------------
Support Engineer
InterAKT Online
http://www.interaktonline.com
Tel: 40(21) 312.5312

Deon

2005-03-31, 7:27 am

"Alexandro Colorado" <acolorado@interaktonline.com> wrote in
news:opsohszniirohbc4@acolorado:

> On Thu, 31 Mar 2005 06:27:41 +0000 (UTC), Deon
> <REMOVEdeon@REMOVEsincro.co.za> wrote:
>
> use CSS instead, put this above the </header>
> <style type="text/css">
> 
> </style>
>

Hi again,

I hae just discovered that when viewing the file in my FireFox browser,
it displays 100% correctly.

BUT, when using the same file as stationary in Outlook 2003, Outlook
totally ignores the no-repeat. I want to use this in Outlook, and have
therefor decided to widen the image with white space to the right.

I don't know what to do else.

Thanx for your time.

--
Regards,

Deon H

Deon

2005-03-31, 7:33 am

Deon <REMOVEdeon@REMOVEsincro.co.za> wrote in
news:Xns962A561291594REMOVEdeonREMOVEsinc@216.104.212.96:

> Hi there,
>
> How can I have this not to repeat or tile.
>
> <body id="deon"
> background="http://www.sincro.co.za/images/space_money.jpg">
>

I got the answer:

Don't use Word as your e-mail editor.

The moment I un-ticked the option, my background displays as I intended
it to be.

Thanx for your time!

--
Regards,

Deon H

Tim Gallant

2005-03-31, 6:43 pm

"Deon" <REMOVEdeon@REMOVEsincro.co.za> wrote in > This is the part that has
to do the thing:
>
> #deon {
> background: url(../images/space_money.jpg);
> background-repeat: no-repeat;
> }

Just a "by the way" - the code I gave you was a shorthand. You can use
no-repeat with "background" since that is already a background property. In
fact, you can specify background colour, image, repeat, and positioning all
on one line.

Just so you know.

tim
--
Tim Gallant
http://www.pactumgroup.com

Basic tutorials: http://www.pactumgroup.com/tutorials/
Techblog: http://www.pactumgroup.com/techblog