PDA

View Full Version : Photoshop to Dreamweaver background help


theo289
01-18-2010, 11:46 AM
I'm using a background image from photoshop and inserting it into dreamweaver and wanting it to be 100% so that when the website page is viewed on lower res screens, all the information isnt sqat. whats happening is that when the page is viewed at 800X600, there is scroll bars to the left and right as the image isnt moving to 100%

Hope you can help

domedia
01-18-2010, 03:01 PM
Hey theo, can you provide a link so we can see what you're talking about?

theo289
01-18-2010, 04:27 PM
if you have a look at the website, on 1024X768 it works fine!

www.tomparkerwebsite.co.uk/index_parkway.html (http://www.tomparkerwebsite.co.uk/index_parkway.html)

This is my portfolio website for a university assignment and appriciate all the help guys :-D

many thanks

Corrosive
01-18-2010, 04:51 PM
I was just trying to get to the bottom of your build and can't fathom out what makes up your background image. I was going to suggest that you make an image of just the curve, make it left and top positioned with no repeat and then set the background colour to orange.

Bristol boy huh?

d a v e
01-18-2010, 04:55 PM
and make it a gif as well. not a jpeg ;)

theo289
01-18-2010, 06:58 PM
so your saying to make a curve and define the background? i shall have a try at that and see what happens. its just a pain in the butt this is! ive been messing around with it for ages and it just never works : (

yea, bristol boy born and bred : ) i see you iz one too!!

d a v e
01-19-2010, 05:47 AM
so in your body you have
body {
background-color:#D98000;
background-image: url(images/background.gif);
background-repeat: no-repeat;
background-position:top left;
}

and then use this as the curve - oh attachment seems to be missing
well take it from here then
http://pp.kpnet.fi/prescott/stuff/background.gif

Corrosive
01-19-2010, 05:57 AM
yea, bristol boy born and bred : ) i see you iz one too!!

Certainly am. Not born but have been here for 28 years so part of the furniture really :)

Looks like d a v e has come to your rescue. Let us know how you get on.

gentleone
01-19-2010, 06:55 AM
Or (better) use the shorthand version ;)

body {background:#D98000 url(images/background.gif) no-repeat top left}

theo289
01-20-2010, 11:07 AM
okay, i have done what D A V E has said but the thing is that i need the background circle to be 100% :S

Do you have any ideas?

Corrosive
01-20-2010, 11:21 AM
OK, I understand. Unfortunately getting HTML to resize images has some nasty results (as you have found out). You'll get the toys to do it when CSS3 is fully implemented but at the moment I have found a hack for you;

http://www.quackit.com/html/codes/html_stretch_background_image.cfm

This is why it is a good idea to understand the boundaries within which you are working before committing to a design.

Let us know how you get on.

d a v e
01-25-2010, 08:43 PM
100% what?