Hello,
I just made a web page using the CoffeeCup HTML editor. When I preview the page on my browser, it looks exactly like I want it to. When I upload it to my site, it looks different. There are two main differences. One photo is missing. It is missing from all four pages. And another page is just jumbled. I arranged that page using column 1 as 300 px and column 2 and 600 px. Column 1 was to be used for photos, and column 2 was to be used for text to describe the photos. It lined up perfectly on the preview. On the actual page, column 2 is clearly not 600 px, and column 2 overlaps column 1.

Why is this happening and how can I fix it?

AG

Give us a link, and we can take a look. Otherwise we would only be guessing.

The site is at gentilegoatmilksoap.com The page titled "The Goats" has the alignment issue.

Ok, looking into it, give me a bit of time...

Look at this in your css file:


The images in that column are 280px wide, so you have to change the width to at least 280. If you make it 290 or 295 you will even get a little space between the images and the text right of them.

Another thing you ought to do is, in thegoats.html, is to remove the --> after each picture.

For the text to align with the top of the Carmen and Archie images, I'd remove some of the <br>s

And finally, you have some chunks of html code in your css file that you need to remove. Look in the Layout part.

I just re-read your first post where you say that you had changed the widths of both column1 and 2. Maybe you just forgot to upload the style sheet?

Inger,
Thanks for your help. I feel like such a stoner. I did neglect to reload the css file. I reloaded the file and everything works the way it is supposed to.

Thanks
AG