Need a layer and CSS expert here. Trying to center layers.
I’m brand spanking new to layers and CSS. I’m designing a site where each page has a large image as the background, and the image is different for each page. Naturally, I do not want to slice around everything and break up the image. In Dreamweaver, I want to set the large image as background and then lay the other components (logo, nav bar, etc.) on top of it with layers.
I read the Kirupa tutorial on “Centering Content” and it sounded easy, but its not.
Where does this code go in relation to the head and body? When I tried it, the code actually showed up as text on my page in the browswer. Do I just actually create a new CSS rule and apply it to all the layers I want centered?
[COLOR=#cc00cc]/* external CSS */ [/COLOR] [COLOR=#000050]div[/COLOR][COLOR=#0000ff]#[/COLOR][COLOR=#000050]container[/COLOR][COLOR=#0000ff]{[/COLOR] [COLOR=#000050]margin[/COLOR][COLOR=#0000ff]:[/COLOR] [COLOR=#991010]0[/COLOR] [COLOR=#000050]auto[/COLOR]; [COLOR=#000050]width[/COLOR][COLOR=#0000ff]:[/COLOR] [COLOR=#991010]550px[/COLOR]; [COLOR=#0000ff]}[/COLOR] [COLOR=#0000ff]<!–[/COLOR] COLOR=#0000ff[/COLOR][COLOR=#000050]HTML[/COLOR] [COLOR=#000050]code[/COLOR] [COLOR=#0000ff]–>[/COLOR] [COLOR=#0000ff]<[/COLOR][COLOR=#000050]div[/COLOR] [COLOR=#000050]id[/COLOR][COLOR=#0000ff]=[/COLOR][COLOR=#666666]“container”[/COLOR][COLOR=#0000ff]>[/COLOR] [COLOR=#0000ff]<[/COLOR][COLOR=#000050]p[/COLOR][COLOR=#0000ff]>[/COLOR][COLOR=#0000d0]this[/COLOR] [COLOR=#000050]is[/COLOR] [COLOR=#000050]centered[/COLOR][COLOR=#0000ff]!</[/COLOR][COLOR=#000050]p[/COLOR][COLOR=#0000ff]>[/COLOR] [COLOR=#0000ff]</[/COLOR][COLOR=#000050]div[/COLOR][COLOR=#0000ff]>[/COLOR] Please help and thank you in advance for any replies.:}
