navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Dreamweaver CSS

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Dreamweaver Help >> Dreamweaver CSS
Page: [1]
 
maydayza

 

Posts: 4
Joined: 3/15/2007
Status: offline

 
Dreamweaver CSS - 3/15/2007 3:37:59   
Hi!

I am new to the whole CSS thing, and need to get this site out. The problem I am having is with a background image in Dreamweaver MX. I need a background colour, with an image as the background on top of that. The image is a fixed size, and don't want it tiled. I understand the only way you can do this is with a stylesheet. So I go and do all the settings and everything, and the background image and colour only shows as a thin strip along the top of the screen when i preview. Can anyone help?

Thanks in advance!
jaybee

 

Posts: 13959
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Dreamweaver CSS - 3/15/2007 3:55:25   
Need a URL please.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to maydayza)
maydayza

 

Posts: 4
Joined: 3/15/2007
Status: offline

 
RE: Dreamweaver CSS - 3/15/2007 4:07:27   
Hey Jaybee!

The url is http://www.turbogade.co.za/index2.html

(in reply to jaybee)
maydayza

 

Posts: 4
Joined: 3/15/2007
Status: offline

 
RE: Dreamweaver CSS - 3/15/2007 4:15:16   
And... here is the text of the css in case you need to see that too

Attachment (1)

(in reply to maydayza)
Tailslide

 

Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Dreamweaver CSS - 3/15/2007 6:35:37   
It's behaving perfectly normally. The reason you only get a thin strip of background is because because the paragraph that it is "behind" is only one line deep. If you put more content in the paragraph then you'll get more background image showing.

If you want the image to show completely then you need to do something different. You need to either put it on the body element (and change where you've got repeat-y to no-repeat) or put it on a div into which you put the content and give that div a min-height so that it can't get shorter than a certain height (presumably the height of the image). Problem with that approach is that IE doesn't understand min-height so you've got to tweak it to understand it (google IE + min-height).

Another problem is that the content could grow larger than the height of the image so you'll have the background colour showing - not sure if that is an issue.

You could give the div a fixed height but that would be a bad idea as your layout will break if the content grows too long or if the text size is increased by the viewer.

So basically - if you want the image showing once and you don't have another main background image to worry about - stick it on the body element in the stylesheet.



_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to maydayza)
maydayza

 

Posts: 4
Joined: 3/15/2007
Status: offline

 
RE: Dreamweaver CSS - 3/15/2007 7:15:19   
Thanks for all your help tailside! And yeah, I suppose it is behaving perfectly normally lol. I didn't think of it that way...


(in reply to Tailslide)
Page:   [1]

All Forums >> Web Development >> Dreamweaver Help >> Dreamweaver CSS
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts