background
Microsoft Office TrainingThe UK's Number 1 for Microsoft Office Training add this page to your favourites/bookmarksBookmark page

view a printable version of this pagePrintable version
Customer: Sign in
Delegate: Sign in
Trainer: Log in

Forum home » Delegate support and help forum » Dreamweaver Training and help » Background

Background

The UK's most regular instructor-led training courses.
Training information: dreamweaver course uk · Dreamweaver training · Adobe dreamweaver training

resolvedResolved · Low Priority · Version CS3

No ranking yet
14 posts
replyReplySun 26 Apr 2009, 18:21Delegate Nicholas said...

Nicholas has attended:
Dreamweaver CS3 Introduction course

Background

Hi There

Hope you might be able to help me out with a couple of things:-

1. I can set my background image to be as a gradient (by creating an image with gradient in Photoshop), but I can't figure out how best to use this. The background looks great until you get a long page (ie. the image is not tall enough). In this case it either repeats or is blank from the point at which it ends onwards. I've dabbled with the CSS options with no luck (I'm still very much finding my way with all this!). Is there a way to ask my background image to stretch according to how long the page becomes?

2. How do I access my 'global' css file? I may well already be doing this without realizing!

3. I've setup a form on the "contact us" page of the site, but I cannot get the message to send to my email address. Is it because it is a yahoo address I'm trying to send it to? When the 'submit form' button is pressed, the screen & information remains in place (even though the settings are as "_blank") - it is as though nothing has happened? The website is www.luff2moveu.co.uk - can you have a look and advise please?

Thanks for your help in advance!

Nick

Platinum
798 posts
replyReplyMon 27 Apr 2009, 11:32Trainer Rich said...

RE: Background

Hi again Nick,

ONE)

You have to stop the repeat of the background image (which is turned on by default in CSS).

http://www.w3schools.com/css/pr_background-repeat.asp

body
{
background-image: url(stars.gif);
background-repeat: repeat-x;
background-color: white;
}

So the code above repeats the image X axis (left to right) but not top to bottom. Just make sure the background colour you set (third declaration) matches the bottom row of pixels in your image. ie. if your gradient fades from black to white (top to bottom), them make the overall background colour white.

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

See Microsoft's support site for a nice way of doing this:
http://support.microsoft.com/
They have the light blue as their background colour, then they have two lots of background gradients which they place at the top and bottom of the overall page.

TWO)

Check what your global css file is by looking at the LINK tag within your HEAD tags.

Eg. if the href is "/asset/css/global.css", then your file is in folder Asset and then in folder Css, and the file is called global.css. Just find the file in Dreamweaver Site panel, or Windows Explorer, and double click the file to open/edit it.

If you open it in Dreamweaver, you can use the CSS panel to edit the CSS styles using the Dreamweaver dialogue boxes. But I prefer to edit them in plain text because I learn more, and at the end of the day, it's quicker.

If you can't see a LINK tag in your HEAD tags, then you don't link to a global css file (you'd probably have loads of declarations within some STYLE tags instead - not as clean as a global file).

THREE)

You're using 'mailto' as your form action. The e-mail address (yahoo) hasn't nothing to do with it. Yes, technically you can use 'mailto' as your action, but this is very old school.

Using 'mailto' means the browser will use whichever mail program is set as the default in the Internet Settings. This is bad, because some of your visitors may not have anything set, or indeed use web mail (gmail, yahoo, hotmail), and thus have no Outlook account set up on their machine.

You should really make or get a proper e-mail form installed. Try http://bravenet.com/webtools/emailfwd/ which is free.

You should be able to use the fields you already have in your form with the Bravenet tool. Probably just have to add a few hidden fields and change the Action of the form.

Regards, Rich

No ranking yet
14 posts
replyReplyMon 4 May 2009, 16:08Delegate Nicholas said...

RE: Background

Thanks again Rich.

Sun 3 May 2009: Automatically marked as resolved.


Related articles

· A Defining Moment For Dreamweaver
· How Dreamweaver Courses for Your Marketing Staff Can Cut IT Payroll Expenses
· Showing the Best Side of your Business with Dreamweaver
· A Brief Introduction To HTML Tags In Dreamweaver CS4
· Advantages Of Using Dream Weaver To Design Web Pages

Please browse our web site to find out more about
dreamweaver course uk and other Microsoft training courses.

Dreamweaver (adobe) tip:

Xhtml vs html

When using dreamwear template or just creating a blank webpage, you are able to select the markup language you want to use. The main choices are either xhtml or html. It is now best to select xhtml as this will translate all the html into xml, so it is transmitted across the web in xml format. One of the main advantages of this is that it makes the site that you build much more compatible with the range of different web browsers that exist.

View all Dreamweaver (Adobe) hints and tips


Rate this page:
2.1/5 (108 votes cast)
Institute of IT Training - Accredited Training Provider ILM
Microsoft Certified Partner
Microsoft Office Specialist Authorised Testing Centre (MOS and MCAS)

Prodigy Platinum Learning Partner

Institute of IT Training - Accredited Training Provider
McAfee Secure sites help keep you safe from identity theft, credit card fraud, spyware, spam, viruses and online scams
Association of Computer Trainers verified by visa, mastercard securecard