Dreamweaver CSS trouble- divs - links provided

[psypent81]

Hi everyone, ok, a couple of questions. I now see how divs is the way to go (As opposed to tables, lol). Im still new to CSS and I was wondering if you guys could help me out with a couple of problems I ran into. Here is the sample:http://www.helenbwilson.com/helen-css-test-01.htmlHere is the CSS document:http://www.helenbwilson.com/helen-01.css1. Ok, On my browser (Safari) the whole #container is to the left. I want it to be in the center. How can I achieve this?2. After the navigation bar div, I have a div called #cellsboth . There, I placed a #thumbnailscroll, and after that, I put in #cellB. But #thumbnailscroll has a padding of 10px, but that only shows in the top, and not the bottom. How do I get it to be right smack in the middle? Where it has 5 or 10px whitespace around it?3. Im using Dreamweaver 8, and my "Design" view shows the #cellB directly underneath #thumbnailscroll. When I upload it, it seems fine, but is there a way to fix the way it shows on Dreamweaver, or am I stuck with that type of display?4. In #thumbnailscroll , can I have the images placed within it have a spacing of 5px apart? I was trying to look for the option that does this, but I cannot find it. I have a feeling this is a newbie question..So yeah, those are the questions I have for now, but any help would be greatly appreciated. I like CSS now..lolThanks in advance-psypent

[ste]

1. Ok, On my browser (Safari) the whole #container is to the left. I want it to be in the center. How can I achieve this?

I have already answered this in the other thread here

2. After the navigation bar div, I have a div called #cellsboth . There, I placed a #thumbnailscroll, and after that, I put in #cellB. But #thumbnailscroll has a padding of 10px, but that only shows in the top, and not the bottom. How do I get it to be right smack in the middle? Where it has 5 or 10px whitespace around it?

you have "background-color: #000000;" on the div thumbnailscroll if you want to have whitespace around the images in the div you could target them like this#thumbnailscroll img {padding: 3px; background-color: #fff; display: block;}

3. Im using Dreamweaver 8, and my "Design" view shows the #cellB directly underneath #thumbnailscroll. When I upload it, it seems fine, but is there a way to fix the way it shows on Dreamweaver, or am I stuck with that type of display?

cant help here im afraid, I wouldn't know anything about design view in dreamweaver.

4. In #thumbnailscroll , can I have the images placed within it have a spacing of 5px apart? I was trying to look for the option that does this, but I cannot find it. I have a feeling this is a newbie question..

as i said, you can target the images inside that div with the following css#thumbnailscroll img {margin: 5px;}hope this helps, ste

[psypent81]

I have already answered this in the other thread hereyou have "background-color: #000000;" on the div thumbnailscroll if you want to have whitespace around the images in the div you could target them like this#thumbnailscroll img {padding: 3px; background-color: #fff; display: block;}cant help here im afraid, I wouldn't know anything about design view in dreamweaver. as i said, you can target the images inside that div with the following css#thumbnailscroll img {margin: 5px;}hope this helps, ste

Sorry, but let me see if Im getting this straight.Are you saying that I should place the div of #thumbnailscroll img inside the div of #thumbnailscroll?

[ste]

no thats not what i meant"#thumbnailscroll img" is not a div "#thumbnailscroll" is the div "#thumbnailscroll img" in your css means any image in the div with the id "#thumbnailscroll"another example of targeting child elements in css could be something like this:html:<div id="main"><img src="pic.gif" /><p>blah blah etc etc</p></div>then in your css you could have#main {width: 300px;}#main p {margin: 0 8px;}#main img {float: right;}hope this helps,ste

[psypent81]

no thats not what i meant"#thumbnailscroll img" is not a div "#thumbnailscroll" is the div "#thumbnailscroll img" in your css means any image in the div with the id "#thumbnailscroll"another example of targeting child elements in css could be something like this:html:<div id="main"><img src="pic.gif" /><p>blah blah etc etc</p></div>then in your css you could have#main {width: 300px;}#main p {margin: 0 8px;}#main img {float: right;}hope this helps,ste

Yeah, it did. I am starting to love css, I will spread the word, lol.Thanks!