Solved

Creating non-tiling background images

Posted on 2003-11-26
6
738 Views
Last Modified: 2010-05-18

I am using DW 4 and have used the method below which was posted in here a couple of years back:

-----
To make the background non-tiling you have to use css.

You can do it from Dreamweaver own menus this way:
1. Do F7 so you get up the CSS Styles menu
2. On the bottom of this menu click the sheet symbol for New Style.
3. In type choose 'Redefine HTML Tag' and in Tag choose 'body'. Click OK.
4. Choose Category 'Background' and browse for your background image.
5. In Repeat choose 'no-repeat' then click OK.

If you are coding yourself you can do it quicker by applying this attribute to your body tag:
<body style="background-image: url(yourimage.gif); background-repeat: no-repeat}">

This is supported by Netscape4/IE4 and up and is a part of the CSS standard.

-----

But am facing a couple of problems:

1). Have tried the method and hit F12 to preview in browser but i don't see the image at all. Sometimes the image appears cropped...

2). Have tried to change to Horizontal and Vertical Positions but to no avail. Image remains in the top left hand corner only.

Furthermore, section like Attachment, Horizontal and Vertical Positions have got an '*' beside it which means: '*Indicates styles not currently diaplayed in Dreamweaver.'

Kindly advise.

Regards,


0
Comment
Question by:aquariaz
6 Comments
 
LVL 29

Accepted Solution

by:
coreybryant earned 150 total points
ID: 9829438
Where would you like the image place?  Top right, top middle ?

http://www.w3schools.com/css/css_background.asp

-Corey
0
 
LVL 23

Expert Comment

by:Saqib Khan
ID: 9829543
if Pic in a Table

<style>
TABLE
{background-repeat:no-repeat;}
</style>


and for the Body BG

<style type="text/css">
body {
       background-attachment: fixed;
       }
</style>

also try
       background-image: url(images/bg.jpeg);
       background-repeat: no-repeat;
0
 
LVL 8

Expert Comment

by:klykken
ID: 9832581
aquariaz,

>1). Have tried the method and hit F12 to preview in browser but i don't see the image at all. Sometimes the image >appears cropped...
This sounds really weird.. Can you post the code you use for this?

>2). Have tried to change to Horizontal and Vertical Positions but to no avail. Image remains in the top left hand >corner only.
If you want the image repeated, yuo can't do 'no-repeat'. Use 'repeat' instead.

>Furthermore, section like Attachment, Horizontal and Vertical Positions have got an '*' beside it which >means: '*Indicates styles not currently diaplayed in Dreamweaver.'
This simply means that DW will not render this, but you have to open yuor file in abrowser to see this effect.

-klykken
0
 

Expert Comment

by:gump2k
ID: 9912555
Try it as a background image to a table, the table can be blank and 100% of the page, this means adjusting CSS on the table not the body. Or create a custom style and apply that to the body of the page or table
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
pin image to base of site 14 360
Adobe Web Premium CS3 5 377
Expression Web 2 - where to go? 3 352
CF Buider 2 connect to remote server 6 76
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
Two types of users will appreciate AOMEI Backupper Pro: 1 - Those with PCIe drives (and haven't found cloning software that works on them). 2 - Those who want a fast clone of their boot drive (no re-boots needed) and it can clone your drive wh…
This video shows how to quickly and easily add an email signature for all users on Exchange 2016. The resulting signature is applied on a server level by Exchange Online. The email signature template has been downloaded from: www.mail-signatures…

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question