I would like to get my site up and running ASAP...I have been working on it for a few weeks now and am still dealing with some odd behavior in a few of my pages.

My website is www.creative-synthesis.com

What to look for:

On the portfolio page
I cannot center my image gallery- I originally tried using a <div> around the gallery, but that messed up my whole page. I am not sure why. Any solutions, suggestions would be awesome! Also, I would like to know where the code is telling my gallery how much space to place between the pictures.

My <next><previous> images don't pop up when you hover over the edges of the picture frame like they are supposed to. I was told to look in my lightbox.js script, but I don't know enough about the script to know what I am looking for. If you do, please take a glance and let me know if anything is awry.

On the about us page
I am just especially challenged at floats. I understand how they work and why they get separated from their containing <div>. However, I still can't get my <div> to clear by following the solutions presented in the sticky about clearing. If anyone is talented at floating, please take a quick glance and tell me what is up.

For the Contact us page
I did manage to find a php email form that works. However, its not very pretty. I see a lot of forms that look like the apple e-mail template that pops up with the businesses email address already typed in....Does anyone know where to find this form?

I am sorry to ask so many questions, but I am getting quite frustrated. Even if you can only answer one question that would be helpful. I am moderately new to most of this stuff... Thank you so much for sharing your time with me. I appreciate it!!!

Okay, I just figured out how to center my image gallery. So no need to reply to that. Thank you.

For the about us page you want to place the image in the same paragraph as the text you want to float around it. It looks like you've created a new div to contain the image.

I'm assuming you wanted the image to float to the left of the text that starts "Laura Gates is a professional writer" If so try this:

<div id="bio">
<p><img src="images/laura.png" /><b>Laura Gates</b> is a professional writer...</p>
</div>

And then you could do this with your css:

#bio img {float: left; margin: 0 10px 10px 0}

The margin is just to leave a little space between the image and the text.

With the form I'm not sure where to get the one you mention. I usually write my own forms. You should be able to style any form you find though. If all you weren't happy with was the look of the form that won't require any php knowledge. It'll all be html and css.

In the Lightbox.js file, where the images are located is in the code here - it's all commented if you open the file with notepad.

//
//    Configuration
//
var fileLoadingImage = "http://www.webmaster-talk.com/images/loading.gif";        
var fileBottomNavCloseImage = "http://www.webmaster-talk.com/images/closelabel.gif";

About us page - you've got a syntax error here:

<div="portraits">

It needs to be <div id="portraits"> - you forgot the ID
The overflow:auto on #white should clear the floated columns inside it once you fix that.

On the Email form, I'm not a PHP person, so I'll defer to someone else who is on that one :)

I love the green, by the way, nice design :)

Awesome- thank you a ton! I am feeling better about this all ready. And thank you, I am glad you like my design! I know it needs a little more content, but I'll add that after I get the whole thing working.

Vangogh, that is not exactly the style I was going for, but it does work. I think I'll probably leave it this way. There is a way to float two divs beside each other too, right?

incidentally you need to optimise your background image - it's 1.5mb! better save it as a jpeg

There is a way to float two divs beside each other too, right?

Yes, you just float them both. You can float them both in the same direction or float them in opposite directions, either will work.