Hi guys, can anyone help me with this? I have some problems with a table on my website. This is my website www.myxboxfix.com and I am talking about the table where I compare the 3 different products. I would like to have ALL rows and colums separated by vertical and horizontal lines. This is how the table looks at the moment (you can also visit my website you can see it more clearly): And this is how I would like it to look. I added the lines I am currently missing in photoshop (red colored): I dont know whats wrong with my code. Here is the code for the table: <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#b11a45" width="33%"><strong><font color="#FFFFFF" size="4">WINNER!</font></strong></td> <td bgcolor="#3bb717" width="33%"><strong><font color="#FFFFFF" size="4">#2 Second Place </font></strong></td> <td bgcolor="#faaa15" width="33%"><strong><font color="#FFFFFF" size="4">#3 Third Place </font></strong></td> </tr> <tr> <td height="136" valign="top" class="greyborder"><p><span class="style25"><font color="#666666">The 360 Fix Kit </font></span><br /> </p> <p align="left"><span class="style9"><strong>Price:</strong></span><span class="style5"> <span class="style9"><strong>$29.99</strong></span></span></p> <p align="left"><span class="style5"><span class="style9"><strong><strong><strong><strong><strong><strong><strong><a href="http://tibor28.fixya360.hop.clickbank.net/"><img src="images/buy now blue whitepsd copy.gif" width="141" height="38" hspace="47" border="0" align="left" /></a></strong></strong></strong></strong></strong></strong></strong></span></span></p></td> <td valign="top" class="greyborder"><p><span class="style25"><font color="#666666">Xbox 360 Red Light Fix</font></span> <br /> </p> <p><span class="style9"><strong>Price: </strong><span class="style1">$29.00 </span></span></p> <p><strong><strong><strong><strong><strong><strong><strong><a href="http://tibor28.x360fix.hop.clickbank.net/"><img src="images/buy now blue whitepsd copy.gif" alt="" width="141" height="38" hspace="47" border="0" align="left" /></a></strong></strong></strong></strong></strong></strong></strong></p></td> <td valign="top"><p><span class="style25"><font color="#666666">Xbox 360 3 Red Lights Fix</font></span><br /> </p> <p class="style9"><strong>Price: </strong><span class="style1">$23.99 </span></p> <p class="style9"><strong><strong><strong><strong><strong><strong><strong><a href="http://tibor28.chri5123.hop.clickbank.net/"><img src="images/buy now blue whitepsd copy.gif" alt="" width="141" height="38" hspace="47" border="0" align="left" /></a></strong></strong></strong></strong></strong></strong></strong></p></td> </tr> <tr> <td bgcolor="#F5F5F5"><p align="center"><a href="http://tibor28.fixya360.hop.clickbank.net/"><img src="images/guide 1.jpg" width="150" height="204" border="0" /></a></p> <p> </p></td> <td bgcolor="#F5F5F5"><p align="center"><strong><a href="http://tibor28.x360fix.hop.clickbank.net/"><img src="images/guide 2.jpg" width="150" height="198" border="0" /></a></strong></p> <p> </p></td> <td bgcolor="#F5F5F5"><p align="center"><strong><a href="http://tibor28.chri5123.hop.clickbank.net/"><img src="images/guide 3.jpg" width="150" height="205" border="0" /></a></strong></p> <p> </p></td> </tr> <tr> <td height="77" valign="top" class="greyborder"><p class="style8">Rating: </p> <p class="style7">Ease of Use: <img src="images/11.gif" width="85" height="17" /></p> <p class="style7">Video Quality: <img src="images/12.gif" width="85" height="17" /></p> <p class="style7">Customer Support: <img src="images/11.gif" width="85" height="17" /></p> <p class="style7"><strong>Overall Grade:</strong> <img src="images/11.gif" width="85" height="17" /></p> <p> </p> </td> <td valign="top" class="greyborder"><p class="style8">Rating: </p> <p class="style7">Ease of Use: <img src="images/12.gif" width="85" height="17" /></p> <p class="style7">Video Quality: <img src="images/11.gif" width="85" height="17" /></p> <p class="style7">Customer Support: <img src="images/13.gif" width="85" height="17" /></p> <p class="style7"><strong>Overall Grade:</strong> <img src="images/12.gif" width="85" height="17" /></p> <p> </p></td> <td valign="top"><p class="style8">Rating: </p> <p class="style7">Ease of Use: <img src="images/13.gif" width="85" height="17" /></p> <p class="style7">Video Quality: <img src="images/13.gif" width="85" height="17" /></p> <p class="style7">Customer Support: <img src="images/14.gif" width="85" height="17" /></p> <p class="style7"><strong>Overall Grade:</strong> <img src="images/13.gif" width="85" height="17" /></p> <p> </p></td> </tr> <tr> <td height="372" valign="top" class="greyborder"> <p class="style7"><strong>Key Benefits: </strong></p> <p class="style7"><img src="images/tick.gif" width="39" height="33" />The Most profesional and easy to follow guide currently availible</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Great Homepage for easy video access</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Amazing real-human customer support</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Shows how to fix other common Xbox 360 problems</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />60 Day money back guarantee</p></td> <td valign="top" class="greyborder"><p class="style7"><strong>Key Benefits: </strong></p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />720P HD quality videos </p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Day money back guarantee</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Very high success rate (99%)</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Good customer support</p></td> <td valign="top"><p class="style7"><strong>Key Benefits: </strong></p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Great value for money</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Along with videos it features detailed pictures of the process </p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />56 Day money back guarantee</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />BONUS Materials</p></td> </tr> <tr> <td bgcolor="#b11a45" align="center"><a href="http://tibor28.fixya360.hop.clickbank.net/" class="whitetext"><strong>Click Here to Learn More</strong></a></td> <td bgcolor="#3bb717" align="center"><a href="http://tibor28.x360fix.hop.clickbank.net/" class="whitetext"><strong>Click Here to Learn More</strong></a></td> <td bgcolor="#faaa15" align="center"><strong><a href="http://tibor28.chri5123.hop.clickbank.net/">Click Here to Learn More</a></strong></td> </tr> </table> I hope there is someone who can help me figure this out Thanks a lot
If you want a border for each cell change: <table width="100%" border="0" cellspacing="0" cellpadding="5"> to <table width="100%" border="1" cellspacing="0" cellpadding="5"> If you want it only for some cells embed a table in that cell and set the border to 1. Hope that helps.
Weird, I copied your code and changed that one line then ran it and it worked just fine over here. Are you using CSS? Maybe something is set in there to not show borders?
I would personally fix this in a separate CSS file, but since you already mix CSS and HTML in you table, just ad style="border... to every td cell you would like to modify. Example: <td style="border-bottom:1px solid #C0C0C0; border-right:1px solid #C0C0C0">
Ok and where exactly do i insert this code? I tried inserting it in different places but it only messed up my table. Thx
if you want a certain td to have border at the bottom of the cell then use <td style=border-bottom:1px solid #CCCCCC"> if you want a certain td to have border at the right of the cell then use <td style=border-right:1px solid #CCCCCC"> if you want a certain td to have border at the bottom and at the right of the cell then use <td style=border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC"> ... etc (hope you see the pattern now) btw: after inspecting the code on your web site perhaps the easiest fix for you would be to change .greyborder to this .greyborder { border-color: #CCCCCC; border-style: none solid solid none; border-width: 1px } btw2: I see you've used border-top: 1px none #CCCCCC;. This is none the correct CSS - if you don't want a border at the top it should be border-top: none; hope this helps
I cant do it, i dont know what am i doing wrong Please could you fix the code for me and copy it here. Sorry that i am annoying but I would be forever thankful And of course +1 rep for you
Copy - replace everything or just whats inside <style> an <table>: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>How to: Repair Xbox 360 3 Red Lights</title> <meta name="description" content="Repair Guides that will show you how to get your Xbox 360 running again."> <meta name="keywords" content="xbox repair guide, red ring of death, 3 red lights, how to repair xbox, xbox three red lights, xbox red ring fix, xbox red ring repair, repair xbox, fix xbox, repair xbox 360, fix xbox 360"> <style type="text/css"> <!-- .pageborder { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 3px solid #054163; } .whitetext { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; } .greyborder { border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; } .style1 { color: #006600; font-weight: bold; } .style5 {color: #006600} .style6 { font-size: 14 } .style7 {font-size: 14px} .style8 { font-size: 16px; font-weight: bold; } .style9 {font-size: 16px} .style11 { font-size: 18px; color: #FFFFFF; font-weight: bold; } .style12 {font-size: 14px; color: #FFFFFF; } .style13 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 26px; } .style14 {font-size: 14px; font-weight: bold; color: #FFFFFF; font-style: italic; } .style16 { color: #FF0000; font-weight: bold; } .style17 { color: #00FF00; font-weight: bold; } body { background-repeat: no-repeat; } .style25 { font-size: 18px; font-weight: bold; } --> </style> </head> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-7832807-1"); pageTracker._trackPageview(); } catch(err) {}</script> <body> <table width="760" border="0" cellspacing="0" cellpadding="0" class="pageborder" align="center"> <tr> <td height="100" background="images/banner_gradient.jpg"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <th height="174"><h1 align="center"> </h1> <h1 align="center" class="style13"> </h1> </th> </tr> </table> </td> </tr> <tr> <td height="2387" bordercolor="#666666"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#044564" class="whitetext"><p class="style8"><span class="style6"><span class="style7"><a href="http://tibor28.fixya360.hop.clickbank.net/"><img src="images/Happy Business man.jpg" alt="3 Red Lights 1 hour fix" width="241" height="377" border="0" align="right" /></a></span></span></p> <p class="style8">Dear Pissed-off Gamer,</p> <p class="style7">If you are here, you are one of thousands of Die hard Xbox'ers that got cheated by Microsoft and have found...<span class="style16">The 3 Red Lights</span>...Luckily for you<span class="style17"> We have the Fix! </span>There is no need to pay huge amount of cash to Microsoft (again) and then wait 8 weeks for your Xbox to return! With one of these repair guides you can get back to your favorite games <span class="style17">TODAY!</span> <br /> These repair guides feature High Quality step-by-step videos of the COMPLETE repair process. It cannot get any simpler to fix Your Xbox! And the best part is: <span class="style17">NO special tools are required!</span> All you will need to fix your Xbox is a bunch of common household tools! </p> <p class="style7">I will not waste your time any longer, <strong>the sooner you buy one of these guides, the sooner you can get back to gaming! </strong></p> <p><a href="http://tibor28.fixya360.hop.clickbank.net/"><img src="images/process.jpg" alt="3 Red Lights + 1 Hour = Fixed" width="500" height="120" border="0" /></a></p> <p align="center"><img src="images/xbox games compilation copy.jpg" alt="all you are missing because of 3 Red Lights" width="650" height="366" /></p></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#b11a45" width="33%"><strong><font color="#FFFFFF" size="4">WINNER!</font></strong></td> <td bgcolor="#3bb717" width="33%"><strong><font color="#FFFFFF" size="4">#2 Second Place </font></strong></td> <td bgcolor="#faaa15" width="33%"><strong><font color="#FFFFFF" size="4">#3 Third Place </font></strong></td> </tr> <tr> <td height="136" valign="top" class="greyborder"><p><span class="style25"><font color="#666666">The 360 Fix Kit </font></span><br /> </p> <p align="left"><span class="style9"><strong>Price:</strong></span><span class="style5"> <span class="style9"><strong>$29.99</strong></span></span></p> <p align="left"><span class="style5"><span class="style9"><strong><strong><strong><strong><strong><strong><strong><a href="http://tibor28.fixya360.hop.clickbank.net/"><img src="images/buy now blue whitepsd copy.gif" width="141" height="38" hspace="47" border="0" align="left" /></a></strong></strong></strong></strong></strong></strong></strong></span></span></p></td> <td valign="top" class="greyborder"><p><span class="style25"><font color="#666666">Xbox 360 Red Light Fix</font></span> <br /> </p> <p><span class="style9"><strong>Price: </strong><span class="style1">$29.00 </span></span></p> <p><strong><strong><strong><strong><strong><strong><strong><a href="http://tibor28.x360fix.hop.clickbank.net/"><img src="images/buy now blue whitepsd copy.gif" alt="" width="141" height="38" hspace="47" border="0" align="left" /></a></strong></strong></strong></strong></strong></strong></strong></p></td> <td valign="top" class="greyborder"><p><span class="style25"><font color="#666666">Xbox 360 3 Red Lights Fix</font></span><br /> </p> <p class="style9"><strong>Price: </strong><span class="style1">$23.99 </span></p> <p class="style9"><strong><strong><strong><strong><strong><strong><strong><a href="http://tibor28.chri5123.hop.clickbank.net/"><img src="images/buy now blue whitepsd copy.gif" alt="" width="141" height="38" hspace="47" border="0" align="left" /></a></strong></strong></strong></strong></strong></strong></strong></p></td> </tr> <tr> <td bgcolor="#F5F5F5" class="greyborder"><p align="center"><a href="http://tibor28.fixya360.hop.clickbank.net/"><img src="images/guide 1.jpg" alt="3 Red Lights Repair Guide 1" width="150" height="204" border="0" /></a></p> <p> </p></td> <td bgcolor="#F5F5F5" class="greyborder"><p align="center"><strong><a href="http://tibor28.x360fix.hop.clickbank.net/"><img src="images/guide 2.jpg" alt="3 Red Lights Repair Guide 2" width="150" height="198" border="0" /></a></strong></p> <p> </p></td> <td bgcolor="#F5F5F5" class="greyborder"><p align="center"><strong><a href="http://tibor28.chri5123.hop.clickbank.net/"><img src="images/guide 3.jpg" alt="3 Red Lights Repair Guide 3" width="150" height="205" border="0" /></a></strong></p> <p> </p></td> </tr> <tr> <td height="77" valign="top" class="greyborder"><p class="style8">Rating: </p> <p class="style7">Ease of Use: <img src="images/11.gif" width="85" height="17" /></p> <p class="style7">Video Quality: <img src="images/12.gif" width="85" height="17" /></p> <p class="style7">Customer Support: <img src="images/11.gif" width="85" height="17" /></p> <p class="style7"><strong>Overall Grade:</strong> <img src="images/11.gif" width="85" height="17" /></p> <p> </p> </td> <td valign="top" class="greyborder"><p class="style8">Rating: </p> <p class="style7">Ease of Use: <img src="images/12.gif" width="85" height="17" /></p> <p class="style7">Video Quality: <img src="images/11.gif" width="85" height="17" /></p> <p class="style7">Customer Support: <img src="images/13.gif" width="85" height="17" /></p> <p class="style7"><strong>Overall Grade:</strong> <img src="images/12.gif" width="85" height="17" /></p> <p> </p></td> <td valign="top" class="greyborder"><p class="style8">Rating: </p> <p class="style7">Ease of Use: <img src="images/13.gif" width="85" height="17" /></p> <p class="style7">Video Quality: <img src="images/13.gif" width="85" height="17" /></p> <p class="style7">Customer Support: <img src="images/14.gif" width="85" height="17" /></p> <p class="style7"><strong>Overall Grade:</strong> <img src="images/13.gif" width="85" height="17" /></p> <p> </p></td> </tr> <tr> <td height="372" valign="top" class="greyborder"> <p class="style7"><strong>Key Benefits: </strong></p> <p class="style7"><img src="images/tick.gif" width="39" height="33" />The Most profesional and easy to follow guide currently availible</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Great Homepage for easy video access</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Amazing real-human customer support</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Shows how to fix other common Xbox 360 problems</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />60 Day money back guarantee</p></td> <td valign="top" class="greyborder"><p class="style7"><strong>Key Benefits: </strong></p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />720P HD quality videos </p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Day money back guarantee</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Very high success rate (99%)</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Good customer support</p></td> <td valign="top" class="greyborder"><p class="style7"><strong>Key Benefits: </strong></p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Great value for money</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />Along with videos it features detailed pictures of the process </p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />56 Day money back guarantee</p> <p class="style7"><img src="images/tick.gif" alt="" width="39" height="33" />BONUS Materials</p></td> </tr> <tr> <td bgcolor="#b11a45" align="center"><a href="http://tibor28.fixya360.hop.clickbank.net/" class="whitetext"><strong>Click Here to Learn More</strong></a></td> <td bgcolor="#3bb717" align="center"><a href="http://tibor28.x360fix.hop.clickbank.net/" class="whitetext"><strong>Click Here to Learn More</strong></a></td> <td bgcolor="#faaa15" align="center"><strong><a href="http://tibor28.chri5123.hop.clickbank.net/">Click Here to Learn More</a></strong></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td width="75%" height="573" valign="top" bgcolor="#044563"><p class="style11">FAQ (Frequently Asked Questions): </p> <p class="style11"> </p> <p class="style11"><span class="style7"><em><u>How do I know my Xbox 360 has the 3 Red Lights?</u></em></span><span class="style12"><img src="images/xbox_360_red_ring_of_death.jpg" alt="Image of 3 Red Lights on status ring" width="191" height="165" align="right" /></span></p> <p class="style12">Upon turning it on there is no video or audio output and 3 red lights are blinking on the "Status Ring" around the power button. </p> <p class="style14"><u>What are the 3 Red Lights?</u></p> <p class="style12">3 Red Lights, also often called The Red Ring of Death (RROD) is the most common Xbox 360 error. It mostly affects the older Xbox 360 models. </p> <p class="style14"><u>What causes the 3 Red Lights?</u></p> <p class="style12">The two major factors that contribute to the 3 Red Lights error are: hardware design flaw in the cooling system and overheating.</p> <p class="style14"><u>How long does the repair process take?</u></p> <p class="style12">It depends on your tempo. A professional can do it in 20-30 minutes. If you are a beginner and you take your time to make sure you do everything correctly (which is a good idea) it usually takes up to 2 hours maximum. </p> <p class="style14"><u>What are the chances of getting my Xbox fixed?</u></p> <p class="style12">If you follow the process shown and described in the guides carefully and correctly your chances are well over 90%! </p> <p align="center" class="style9"><a href="http://tibor28.fixya360.hop.clickbank.net/"><img src="images/GET YOUR FIXKIT copy.gif" width="400" height="70" border="0" /></a></p></td> </tr> </table> </td> </tr> </table> </body> </html>