Help with Dreamweaver

[skyhighmac]

Ok. I am using fireworks & dreamweaver cs3. I am trying to use the "Dark Chrome 017" sytle as a bg for a site I am working on. I want to have the image split into three parts, header, content, and footer. I wanted to use a 1px high image and repeat for the content area. I also have the rest of the Design Premium suite on my system. I just use fireworks because I had used it before. Could anyone help me with this? I am open to any suggestions. Any help would be greatly appreciated! Thank you!

[skyhighmac]

Please!

[hecker]

I think you need to be more specific. What is it you need help with exactly?

 

hecker

[skyhighmac]

Well, I need help trying to build the site so I have an "expandable" content section and the bg still looks good. Like an image that is 1px and it repeats down the page until the footer.

[skyhighmac]

Anyone?

[hecker]

Well, there are many ways to do this. You could use a CSS style sheet and position the image/s using pixel units or you could use tables and use the expandable part as the content cell's background. Could you post your image so I can see what it should look like?

 

Cheers,

 

hecker

[skyhighmac]

This is the style I would like to use.

[hecker]

I agree with lord_of_the_view's above post.

 

Here are a few good tutorials, if you're interested in learning more about CSS:

CSS:

http://www.w3.org/Style/Examples/011/firstcss (I personally recommend this one if you're a beginner)

http://www.echoecho.com/css.htm

http://www.csstutorial.net/

 

Cheers,

 

hecker

[skyhighmac]

I've got that set-up but now, the bg image won't show up!

[inimicus]

For better websites in Dreamweaver...

 

1. Open Applications

 

2. Find Dreamweaver.

 

3. Click. Wait, don't let go.

 

4. Annnnnd drag it to the trash.

 

With these 4 easy steps, you are well on your way to becoming a better web designer!

[Joe M]

Hey there,

 

there's a very cheap Dreamweaver video tutorial course on www.protrix.co.uk that will answer your questions on CSS. Check it out!

[skyhighmac]

I've got the image link right because it shows up in dreamweaver, I'll check that tonight.

[skyhighmac]

@charset "UTF-8";

.background {
background-color: #FFFFFF;
background-image: url(/images/bgbig2.jpg);
width: 820px;
}
#background {
background-color: #FFFFFF;
background-image: url(/images/bgbig2.jpg);
background-repeat: no-repeat;
height: 820px;
width: 820px;
}
#body {
}
#header {
height: 191px;
width: 820px;
}
#apDiv1 {
position:absolute;
left:0px;
top:192px;
width:820px;
height:440px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:1px;
top:632px;
width:819px;
height:184px;
z-index:2;
}

That's my css code. The thing is the images don't load!

[cbmkgd]

url(images/bgbig2.jpg);

will expect the image in the images folder within the folder containing the code.

(i.e. if the page is main.html and is in the MYSite folder, it expects the images folder to within the MYSite folder too)

 

url(/images/bgbig2.jpg);

will expect the image in the images folder relative to the root of the domain.

 

If the page is already in the root, then the above two give the same result.

[skyhighmac]

The duplicates are because I started with a template and dreamweaver automatically adds some to the sheet. It is a seperate style sheet. I've got the images now loading, there was a problem with file paths. Now I just need to adjust the positioning of the background right.