Forum Moderators: buckworks
Please help me. I have lost two days trying to figure out why I can't get a very simple table to look the same in IE and Firefox.
I hope that I am not breaking rules by telling you my URL, but if you go to www.oldmanleather.com and open "Handbag Gallery" in both Firefox and EI, you will see what I mean. The Firefox version is just what I want, IE is a mess.
NOTE: Since I am working on this page, it is not complete, and clicking on the first two photos will take you to another page. The rest of the photos are just there to take up space.
Thank you for any advice you can give me.
Bo
But you might want to validate [validator.w3.org] your code. And rely more on CSS (styles) then some of the (deprecated) attributes.
There are a number of nesting errors.
Don't put heading tags inside a set of paragraph tags. Heading tags are their own block element.
Don't put font tags outside of paragraph tags. Infact don't use font tags at all. Use CSS to style the paragraphs.
Add alt="" to all of your image tags. Fill in the quotes with text, for images which are vital parts of the page content.
Add quotes around all of your attribute values.
In the URLs for images quote the full path to the image, starting with a / and make sure your do not have any spaces in any of the URLs. Use hyphens to separate words. Do not use spaces.
Remove the non-breaking spaces between the table cells. That code is totally non-valid. You cannot use spaces to separate table cells.
Try to use all lower case for all of your folder names and file names. Using mixed case will cause you a lot of grief in the long run. Change it to all lower-case now, while the site is small.
Do not use spaces in URLs. Use hyphens to separate words.
After doing that, check your code again in the validator. There should be a lot less stuff to fix by now.
[edited by: lorax at 10:13 pm (utc) on Jan. 1, 2009]
It should be about time to move on to the next stage.
