Hello,

I am helping a friend with his website issues. His web developer skipped town on him. I am just a novice web designer, still using a lot of tutorials (easy ones) to do basic stuff.

There are 3 pages in question on his website: Panorama 1, 2, 3. I have changed the photos to be centered as well as the captions. In Chrome, all 3 pages are good, showing the photos and captions centered. In Firefox and IE, only page 3 shows them centered, but 1 and 2, the images are to the left and captions centered.

Page 1: http://www.timhaufphotography.com/ga...panorama1.html
Page 2: http://www.timhaufphotography.com/ga...panorama2.html
Page 3 : http://www.timhaufphotography.com/ga...panorama3.html

Also in IE, there is a large gap between the title on the page PANORAMAS and the first photo, but not in the other two browsers.

Please, can anyone help me with this? Thank you so much for your time.

You need to fix the many, many validation errors in the code first, it's pretty ugly.
There is NO reason to use that hideous <center> tag when you can do it all with CSS. Besides, it's deprecated and shouldn't be used with an XHTML doctype.

I'm using safari 5.0.1 and all of your panorama pages are centered just fine. I do see a gap between the title Panorama and the first picture, but it's not large enough for me to think it shouldn't be there.

Thank you mlovet1 for letting me know. I really appreciate it.

Now for LadynRed... I don't understand what you mean and the only way I was able to center the photos and captions was to add the html code for center. The only changes I made to the website had to do with the home page, added a tab, changed a couple of the tab names and fix the pictures on the panorama pages. All the other coding was already there and done by previous web designer. I don't know what the majority of the code means, so if there is a tutorial I can follow for re-doing his pages correctly (not so messed up) and fix all issues for IE and Firefox that you can refer me to, I would really appreciate it. Or let me know how I should go about this otherwise? Like I said, I am novice at this and have only done template type websites before that are basically "add my own stuff to here and there".

I appreciate the advice and help... Thank you so much!!

I am also using safari 5.0.1 and all of your panorama pages at center are just fine.

the only way I was able to center the photos and captions was to add the html code for center

Then the 'web designer' who did it originally clearly did not understand how to properly use CSS. The fact that he stuck it all inside a table in the first place is evidence enough that he didn't really know what he was doing. That <center> tag is everywhere, as is stuff like <div align="center"> which is also just bad coding.

Looking at just the centering problem -
remove the float: left from this section

.ui-tabs-nav li {
float:left;
margin:0 0 0 0;
min-width:80px;
}

That will immediately center the photos.

To be blunt, the best way to fix all the errors, is to basically start over, clean up the layout and the code and you'll do better.

I was not able to find float:left as there isn't any CCS in the coding as it looks like all HTML. I wish I could just erase all the coding on the page and redo with the same results, but I don't have a clue on how to do that. Is there a tutorial that I can follow online? I am able to do that as I have before, but am still learning!

Thanks a bunch again!!

I can not even open this sites.

EDITED:

Ah now it worked for me...

The code is a mess, at least those <center>'s and <span>'s stuff...

The idea is quite nice (I like the "header" logo) but the code is ...

For a "portfolio" site you need something fancy, outstanding, cool, awesome...

Sure I have an idea of how I would make it, but time is money...

There are a lot portfolio sites out there where you could take a look.
If you are not a good coder, get someone to do the code for you.

I was not able to find float:left as there isn't any CCS in the coding as it looks like all HTML.

Of course it's not in the HTML, it's all in an external css file