Guest Posted March 16, 2003 Share Posted March 16, 2003 When I use HTML in my product's decription, it overlaps over the product's image. How do I prevent this from happening. Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 Specifically, what HTML tags are you using? Would you poat a sample? Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 I have this one: <table border="0" cellspacing="1" width="100%" id="AutoNumber1"> <tr> <td width="68%" colspan="2"> <p align="center">AnnaKay offers a black, one-piece maillot swimsuit to coordinate with our designs. It has adjustable straps and can be worn either straight or crisscrossed. </p> <p align="center">It is made of nylon/spandex with power netting in front for added support and are offered with a padded bra for added fullness.</p> <p align="center"> AnnaKay has also added extra length and fullness in seat to eliminate the tug-of-war!<p> </td> <td width="34%" colspan="2"> </td> </tr> <tr> <td width="17%"> <img border="0" src="http://www.annakaydesigns.com/SSBack.jpg" width="150" height="240"></td> <td width="17%"> <img border="0" src="http://www.annakaydesigns.com/SSBackX.jpg" width="144" height="240"></td> <td width="17%"> <p align="center"> </td> <td width="17%"> <p align="center"> </td> </tr> </table> and a bunch of these: <p align="center"><font face="Verdana, Arial, Helvetica" size="5"><b>D1</b><br> 100% Polyester Sheer<br> Silver</font></p> <table border="0" cellspacing="0" width="650" id="AutoNumber2" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" height="171"> <tr> <td rowspan="2" height="171"> <p align="center"> <img border="0" src="http://www.annakaydesigns.com/popups/d1rotate.gif" width="130" height="325"></td> <td height="141"> <p align="center"> <img border="0" src="http://www.annakaydesigns.com/popups/s1fabric.jpg" width="300" height="300"></td> </tr> <tr> <td height="30"> <p align="center"> </td> </tr> </table> Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 You have several extra tags that are causing your problem. Try simplifying your tables. <table border="1" cellspacing="1" width="100%" id="AutoNumber1"> <tr> <td width="68%" colspan="2"> <p align="center"> AnnaKay offers a black, one-piece maillot swimsuit to coordinate with our designs. It has adjustable straps and can be worn either straight or crisscrossed. </p> <p align="center"> It is made of nylon/spandex with power netting in front for added support and are offered with a padded bra for added fullness. </p> <p align="center"> AnnaKay has also added extra length and fullness in seat to eliminate the tug-of-war! <p> </td> </tr> <tr> <td width="17%"> <img border="0" src="http://www.annakaydesigns.com/SSBack.jpg" width="150" height="240"> </td> <td width="17%"> <img border="0" src="http://www.annakaydesigns.com/SSBackX.jpg" width="144" height="240"> </td> </tr> </table> Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 That modification just made it WORSE! Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 Are you just copy and pasting into your admin? Have you got a URL where I can look? I have the code pasted into a test product here: http://www.itscarvedinstone.com/shop/catal...&products_id=28 Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 To tell you the truth, I don't actually need the product's image in the description page. Is there a way to get rid of it, but keep it in my categorys' page? Let me clarify, can I get rid of the product's image in http://www.annakaydesigns.com/catalog/prod.../products_id/65 but keep it in http://www.annakaydesigns.com/catalog/defa...2701c4d24c19f2d Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 I copied and pasted it. On the one you did, it overlapped to. I'm running at 800x600 screen resolution, but the overlap changes as the resolution is increased. Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 I'm running at 800x600 screen resolution, Ah, ok, now I understand.....You're getting overlap because the picture is so large...not because the code is messy. Here's what I would suggest: 1- Install one of the multiple picture contributions. 2- Use thumbnails with larger images in popups. Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 Take the "Width="100%" out of your table declaration and it should fix the problem... The default OSC Code puts the entire description into a set of paragraph tags (<p>...</p>) which creates very unothodox and non-standard code when you use HTML in the descriptions so it is tricky... Not only that the Image is in a separate table which is floated to the right but rendered in before the description. Not exactly incorrect code but could be handled better with DIVS to control placement properly. Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 Cool! That did it! Thanks for your help Wayne and BirdBrain. I've never heard of DIVS before. What is it? Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 DIVs are an HTML tag that allow you to make various containers on your site. For example in OSC, the header and footer can be such containers. you can also have separate containers for the left column, content and right column. They are similar to tables but a lot easier to use and manipulate. Plus if you use the DIV tag, your HTML code is easier to maintain and about 1/3 the size of a similar layout with tables. If you have a complicated layout, the size savings can be a lot larger. Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 Ah! No! it didn't work! I was still in 1024x768 when I looked at it. By the way, even at 1024x768, if you have the Favorites tab and larger font sizes enabled, it overlaps too. The option you suggested, BirdBrain, doesn't seem like a good way to go for me. Is there a way to stick the description and the image in separate cells of a table so that this wouldn't happen. For example (i made this in Paint) http://members.cox.net/simkyle/example.bmp Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 Ok, Wayne, how would I apply DIVs to my conundrum? Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 You can modify product_info.php to change the layout to suit your needs. Link to comment Share on other sites More sharing options...
Guest Posted March 16, 2003 Share Posted March 16, 2003 I'm not very good when it comes to decoding this mumbo jumbo code. If its not too much trouble, can you please point out where I would put the DIV command? Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.