Silencer Posted November 14, 2010 Share Posted November 14, 2010 Greetings Guys, How do I go about fixing this overlapping issue here: Here is the respective page: http://www.woopads.com/1-dvs-shoe-or-slipper/details.html Thanks and Awaiting for your feedback! Link to comment Share on other sites More sharing options...
0 Cupcakes Posted November 14, 2010 Share Posted November 14, 2010 Looks fine in Firefox and Chrome/Safari. What browser is showing the overlapping for you? Link to comment Share on other sites More sharing options...
0 Silencer Posted November 14, 2010 Author Share Posted November 14, 2010 Looks fine in Firefox and Chrome/Safari. What browser is showing the overlapping for you? Both, Firefox and Chrome. Do you notice the border of the third image overlapping to the second thumbnail of the shoe? Link to comment Share on other sites More sharing options...
0 Cupcakes Posted November 14, 2010 Share Posted November 14, 2010 Did you read my post? I said it looks fine in [latest] Firefox and Chrome/Safari. Link to comment Share on other sites More sharing options...
0 Tekkerson Posted November 14, 2010 Share Posted November 14, 2010 Make the image smaller. The image is 107 pixels wide which is overlapping the <td> since the <td> container is only 86 pixels. On the other hand, the site could use some cleaning up in general. You should take in mind that tables should NOT be used to position content. Misuse of web elements lead to design errors which could lead to more page faults and more hacks for the pages to look the same in all browsers. It's just really inefficient and you end up doing more work when you want to change something simple. http://validator.w3.org/check?uri=http://www.woopads.com/1-dvs-shoe-or-slipper/details.html&charset=(detect+automatically)&doctype=Inline&group=0 If something is wrong with the page, use the w3c validator. It could point you in the right direction at times. Let us know if you need help with anything else. Did you read my post? I said it looks fine in [latest] Firefox and Chrome/Safari. Weird, his page is broken on Chrome 9.0. ...and firefox... Link to comment Share on other sites More sharing options...
0 Silencer Posted November 14, 2010 Author Share Posted November 14, 2010 Make the image smaller. The image is 107 pixels wide which is overlapping the <td> since the <td> container is only 86 pixels. On the other hand, the site could use some cleaning up in general. You should take in mind that tables should NOT be used to position content. Misuse of web elements lead to design errors which could lead to more page faults and more hacks for the pages to look the same in all browsers. It's just really inefficient and you end up doing more work when you want to change something simple. http://validator.w3.org/check?uri=http://www.woopads.com/1-dvs-shoe-or-slipper/details.html&charset=(detect+automatically)&doctype=Inline&group=0 If something is wrong with the page, use the w3c validator. It could point you in the right direction at times. Let us know if you need help with anything else. Weird, his page is broken on Chrome 9.0. ...and firefox... Thank you for your helpful answer. Yes, I do understand that our website needs a lot of cleaning up. I don't have much knowledge in CSS, however, I am doing my best to fix these issues. We are actually looking for someone, a freelancer, to help us clean our code and optimize at the same time too. Link to comment Share on other sites More sharing options...
Question
Silencer
Greetings Guys,
How do I go about fixing this overlapping issue here:
Here is the respective page:
http://www.woopads.com/1-dvs-shoe-or-slipper/details.html
Thanks and Awaiting for your feedback!
Link to comment
Share on other sites
5 answers to this question
Recommended Posts