Dreamweaver - Fixed Background

Author

Fixed Background

fawny111

2004-11-29, 4:15 am

In Dreamweaver MX I was able to fix the background image as demostrated in this
url:
http://house-of-trinity.com/

It was done using the following code:
<body background="Images/cloudsBack.jpg" leftmargin="0" topmargin="0"
bgproperties="fixed">
which only required me to paste in "bgproperties="fixed"" to the end of the
line that DW had generated.

I am now using Dreamweaver 2004 and the code generated by it for the
backgrounds is:

body {
background-image: url(thong/tc-bg.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
}

I need to know where and how to paste in the code to make the background fixed
or how this can be accomplished another way. Any help would be greatly
appreciated.

Thank you

Nadia *TMM*

2004-11-29, 4:15 am

add the last three lines to the css generated by DW.

background-image: url(thong/tc-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;

--
Nadia
Team Macromedia Volunteer for Dreamweaver
--------------------------------------------
Free Templates | Free Nav Bar Sets
http://www.DreamweaverResources.com
Dropdown/Flyout Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles |Tutorials
---------------------------------------------
MM Dreamweaver Tutorials
http://macromedia.com/devnet/mx/dreamweaver/
---------------------------------------------
Email: nperre at gmail dot com
---------------------------------------------

"fawny111" <webforumsuser@macromedia.com> wrote in message
news:coe7p7$2m3$1@forums.macromedia.com...
> In Dreamweaver MX I was able to fix the background image as demostrated in
> this
> url:
> http://house-of-trinity.com/
>
> It was done using the following code:
> <body background="Images/cloudsBack.jpg" leftmargin="0" topmargin="0"
> bgproperties="fixed">
> which only required me to paste in "bgproperties="fixed"" to the end of
> the
> line that DW had generated.
>
> I am now using Dreamweaver 2004 and the code generated by it for the
> backgrounds is:
>
> body {
> background-image: url(thong/tc-bg.jpg);
> margin-left: 0px;
> margin-top: 0px;
> margin-right: 0px;
> }
>
> I need to know where and how to paste in the code to make the background
> fixed
> or how this can be accomplished another way. Any help would be greatly
> appreciated.
>
> Thank you
>
>
>
>

TC2112

2004-11-29, 4:15 am

Hello, The code you have is generated when using the Page Properties dialog
box to set the background. In DW MX 2004, to get the CSS dialog box where you
can have some more control, including a choice of fixed, you can either:
Select Text from the menu bar, then CSS Styles > New -or- Right click on your
page in design view, then CSS styles > New. You'll get 'New CSS Style' dialog
box. If you want to apply the background image to the body, next to Selector
Type, click the 'Tag' radio button. Move up to the text box that now says
'Tag:', and select 'body' from the dropdown menu. Then select where you want
the style to be added (stylesheet or this document) by clicking a button next
to 'Define in:' Click OK, then select 'background' from the catagory list. Fill
in the text boxes. (Fixed is in the Attachment: dropdown menu.) Hope that
helps, Take care, Tim

fawny111

2004-11-29, 12:17 pm

Thank you Nadia

That sort of did what I wanted, at least it is a first step. What I ended up
with was a fixed background with it NOT repeated <not tiled>, with the bg image
much larger than the background image file and centered.

I do want it to tile, so after pasting in those three lines, I then deleted
the lines":
background-repeat: no-repeat;
background-position: center;

This left it the same as with the lines in, so then I put those two back in
and changed the line:
background-repeat: no-repeat;

to

background-repeat: repeat;

and it worked perfectly

Thank you again

:D

Murray *TMM*

2004-11-29, 12:18 pm

Huh?

background-repeat:repeat

is the default. If that's what you wanted, you didn't need ANYTHING.

Also, there's no way to get a background image that is larger than the
source image.

I suspect that we are trapped in a miscommunication warp here....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"fawny111" <webforumsuser@macromedia.com> wrote in message
news:cofcas$a7n$1@forums.macromedia.com...
> Thank you Nadia
>
> That sort of did what I wanted, at least it is a first step. What I
> ended up
> with was a fixed background with it NOT repeated <not tiled>, with the bg
> image
> much larger than the background image file and centered.
>
> I do want it to tile, so after pasting in those three lines, I then
> deleted
> the lines":
> background-repeat: no-repeat;
> background-position: center;
>
> This left it the same as with the lines in, so then I put those two back
> in
> and changed the line:
> background-repeat: no-repeat;
>
> to
>
> background-repeat: repeat;
>
> and it worked perfectly
>
> Thank you again
>
> :D
>

Murray *TMM*

2004-11-30, 11:14 pm