Okay - now it looks as it does when I preview it!!! Yay. Tom you're awesome

Now just have to figure out the spacing at the top...I'd like the header that says Scarlet Scribe Edits to go down about four lines if that make sense. (No very code exact but it works for me ).

Good job. Now the thing to do is to fix the errors. That will help a lot.

Menu > Document > Validate HTML

Patricia
I just took your css and loaded into the actual page and this is the resulting screenshot as I see the page (without images) on Firefox at a 1440 x 900 resolution. Is this what you want to achieve?

Yes.

I don't know if its because I'm using a theme or not...I thought that would help me with things but I'm so confused by now I don't know what to do....

I'm working on fixing the errors Tom mentioned but I don't know how they happened all I did was replace the sample logo with mine...so what exactly did i do to cause the errors since the template/theme was one that came with my html editor.

Sorry to be asking so many dumb questions...I appreciate the help everyone!

Have a look at what I've done here. It's just the home page.

I removed the background logo image for the logo in the CSS. In the HTML, I've added the header image and added an inline style to drop the H2 down a bit.

This is from the original template so the keywords are missing, too.

You have to add SSE.jpg to the images folder because I had remove it to get the zip below 100K to upload.

See that looks like what I want. I mean the logo needs to go in but I'm willing to play with it a bit.

Thanks Tom, now I'll have to add the key words and go from there...

You're welcome. The example in the zip has the logo incorporated. You just need to put the jpg in the images folder and it will display. I would have included it in the zip but this site has a 100kb attachment limitation and the logo image put it over the top.

Thanks Tom, everyone! It looks the way it should for the most part. I've been playing around with the logo and getting it set up. Now I have a new problem...why does it line up right all the time. Not just a little either, when I open the page it's pressed right up against the right side of the screen so that there's about three inches of white space on the left and the text is getting cut off.


How do I center it so there is no 'white' space around it. So that the page opens with the red and black ribbon on the left side of the screen and the text flowing right.

Thanks again! You guys rock!

http://www.scarletscribeedits.com/services.html

The whole page is currently centered on the screen, as designed.

Find this section of the CSS file


margin:0px auto instructs the wrapper (including everything in it) to have 0 pixels on the top and bottom, and the auto instructs it to center on the screen horizontally.

Padding-left instructs the wrapper to place empty padding of that many pixels to the left.

Play around with the padding and margin. Change them to 0 and see the difference.