title: Display data from Mysql table with style
body: <p>I have written a code that can save data from mysql using PHP, so how can I display it using table styled with CSS. The datum stored in my server are: Name of the product, the specs of the product, its price and the link of the image of the product. How can I display all of those with this kind of format:</p>
  
  <p><img src="https://i.stack.imgur.com/hIj2m.jpg" alt="Table Format"></p>
  
  <p>And this is its source code:</p>
  
  <pre><code>  &lt;body&gt;
  
  &lt;div class="gridContainer clearfix"&gt;
  &lt;div id="LayoutDiv1"&gt;
  &lt;center&gt;&lt;font color="White" size="+12"&gt;&lt;u&gt;PROCESSORS&lt;/u&gt;&lt;/font&gt;&lt;/center&gt;
  &lt;table border=0 align="center"&gt;
  &lt;th colspan="3"&gt;&lt;h2&gt;&lt;font color="White"&gt;AMD PROCESSORS&lt;/font&gt;&lt;/h2&gt;&lt;/th&gt;
  &lt;th&gt;&lt;/th&gt;
  &lt;th colspan="3"&gt;&lt;h2&gt;&lt;font color="White"&gt;INTEL PROCESSORS&lt;/font&gt;&lt;/h2&gt;&lt;/th&gt;
  &lt;tr&gt;&lt;td&gt;
  &lt;form action=cds.php method=get&gt;
  &lt;table border="0" bordercolorlight="#FFFF99"&gt;
   &lt;th align="center" colspan="2" bgcolor="#FF9900"&gt; AMD ATHLON II X2 260&lt;/th&gt;
  &lt;tr&gt;&lt;td &gt;Specs:&lt;/td&gt;&lt;td&gt;3.20Ghz&lt;br /&gt;2 cores&lt;br /&gt;2Mb Cache&lt;br /&gt;Supports x86 and x64 
  OS&lt;br /&gt;w/ Cool'n Quiet Tech&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td &gt;Price:&lt;/td&gt;&lt;td&gt;2500&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td &gt;Quantity:&lt;/td&gt;&lt;td&gt;&lt;input type=text name=quant&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td &gt;Add to cart?&lt;/td&gt;&lt;td &gt;&lt;input type="submit" value="Yes"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type=hidden name=comp value="AMD"&gt;
  &lt;input type=hidden name=prdname value="AMD ATHLON II X2 260"&gt;
  &lt;input type=hidden name=prc value="2500"&gt;
  &lt;/form&gt;
  &lt;/td&gt;
  &lt;br /&gt;
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;img src="img/prd1.jpg" /&gt;
  &lt;/td&gt;
  
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;form action=cds.php method=get&gt;
  &lt;table border="0" bordercolorlight="#FFFF99"&gt;
    &lt;th align="center" colspan="2" bgcolor="#FF9900"&gt;INTEL i3&lt;/th&gt;
  &lt;tr&gt;&lt;td &gt;Specs:&lt;/td&gt;&lt;td &gt;3.20Ghz&lt;br /&gt;2 cores&lt;br /&gt;3Mb Cache&lt;br /&gt;Supports x86 and x64 
  OS&lt;br /&gt;w/ Cool'n Quiet Tech&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td &gt;Price:&lt;/td&gt;&lt;td &gt;2500&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td &gt;Quantity:&lt;/td&gt;&lt;td  &gt;&lt;input type=text name=quant&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td &gt;Add to cart?&lt;/td&gt;&lt;td  &gt;&lt;input type="submit" value="Yes"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type=hidden name=comp value="INTEL"&gt;
  &lt;input type=hidden name=prdname value="INTEL i3"&gt;
  &lt;input type=hidden name=prc value="2500"&gt;
  &lt;/form&gt;
  &lt;/td&gt;
  &lt;br /&gt;
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;img src="img/prd5.jpg" /&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;
  &lt;form action=cds.php method=get&gt;
  &lt;table border="0" bordercolorlight="#FFFF99"&gt;
    &lt;th align="center" colspan="2" bgcolor="#FF9900"&gt;AMD SEMPRON&lt;/th&gt;
  &lt;tr&gt;&lt;td &gt;Specs:&lt;/td&gt;&lt;td &gt;2.20Ghz&lt;br /&gt;4 cores&lt;br /&gt;4Mb Cache&lt;br /&gt;Supports x86 and x64 
  OS&lt;br /&gt;w/ Cool'n Quiet Tech&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Price:&lt;/td&gt;&lt;td  &gt;3000&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Quantity:&lt;/td&gt;&lt;td   &gt;&lt;input type=text name=quant&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Add to cart?&lt;/td&gt;&lt;td   &gt;&lt;input type="submit" value="Yes"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type=hidden name=comp value="AMD"&gt;
  &lt;input type=hidden name=prdname value="AMD SEMPRON"&gt;
  &lt;input type=hidden name=prc value="3000"&gt;
  &lt;/form&gt;
  &lt;/td&gt;
  &lt;br /&gt;
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;img src="img/prd2.jpg" /&gt;
  &lt;/td&gt;
  
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;form action=cds.php method=get&gt;
  &lt;table border="0" bordercolorlight="#FFFF99"&gt;
    &lt;th align="center" colspan="2" bgcolor="#FF9900"&gt;INTEL i5&lt;/th&gt;
  &lt;tr&gt;&lt;td  &gt;Specs:&lt;/td&gt;&lt;td  &gt;3.40Ghz&lt;br /&gt;4 cores&lt;br /&gt;6Mb Cache&lt;br /&gt;Supports x86 and 
  x64 OS&lt;br /&gt;w/ Cool'n Quiet Tech&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Price:&lt;/td&gt;&lt;td  &gt;5500&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Quantity:&lt;/td&gt;&lt;td   &gt;&lt;input type=text name=quant&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Add to cart?&lt;/td&gt;&lt;td   &gt;&lt;input type="submit" value="Yes"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type=hidden name=comp value="INTEL"&gt;
  &lt;input type=hidden name=prdname value="INTEL i5"&gt;
  &lt;input type=hidden name=prc value="5500"&gt;
  &lt;/form&gt;
  &lt;/td&gt;
  &lt;br /&gt;
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;img src="img/prd6.jpg" /&gt;
  &lt;/td&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;
  &lt;form action=cds.php method=get&gt;
  &lt;table border="0" bordercolorlight="#FFFF99"&gt;
    &lt;th align="center" colspan="2" bgcolor="#FF9900"&gt;AMD PHENOM II x6&lt;/th&gt;
  &lt;tr&gt;&lt;td  &gt;Specs:&lt;/td&gt;&lt;td  &gt;3.7 GHz&lt;br /&gt;6 cores&lt;br /&gt;6Mb Cache&lt;br /&gt;Supports x86 and 
  x64 OS&lt;br /&gt;w/ Cool'n Quiet Tech&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Price:&lt;/td&gt;&lt;td  &gt;4500&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Quantity:&lt;/td&gt;&lt;td   &gt;&lt;input type=text name=quant&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Add to cart?&lt;/td&gt;&lt;td   &gt;&lt;input type="submit" value="Yes"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type=hidden name=comp value="AMD"&gt;
  &lt;input type=hidden name=prdname value="AMD PHENOM II x6"&gt;
  &lt;input type=hidden name=prc value="4500"&gt;
  &lt;/form&gt;
  &lt;/td&gt;
  &lt;br /&gt;
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;img src="img/prd3.jpg" /&gt;
  &lt;/td&gt;
  
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;form action=cds.php method=get&gt;
  &lt;table border="0" bordercolorlight="#FFFF99"&gt;
    &lt;th align="center" colspan="2" bgcolor="#FF9900"&gt;INTEL i7&lt;/th&gt;
  &lt;tr&gt;&lt;td  &gt;Specs:&lt;/td&gt;&lt;td  &gt;4.0Ghz&lt;br /&gt;4 cores&lt;br /&gt;8Mb Cache&lt;br /&gt;Supports x86 and x64
  OS&lt;br /&gt;w/ Cool'n Quiet Tech&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Price:&lt;/td&gt;&lt;td  &gt;6500&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Quantity:&lt;/td&gt;&lt;td   &gt;&lt;input type=text name=quant&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Add to cart?&lt;/td&gt;&lt;td   &gt;&lt;input type="submit" value="Yes"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type=hidden name=comp value="INTEL"&gt;
  &lt;input type=hidden name=prdname value="INTEL i7"&gt;
  &lt;input type=hidden name=prc value="6500"&gt;
  &lt;/form&gt;
  &lt;/td&gt;
  &lt;br /&gt;
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;img src="img/prd7.jpg" /&gt;
  &lt;/td&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;
  &lt;form action=cds.php method=get&gt;
  &lt;table border="0" bordercolorlight="#FFFF99"&gt;
    &lt;th align="center" colspan="2" bgcolor="#FF9900"&gt;AMD OPTERON x16&lt;/th&gt;
    &lt;tr&gt;&lt;td  &gt;Specs:&lt;/td&gt;&lt;td  &gt;3.30Ghz&lt;br /&gt;16 cores&lt;br /&gt;2Mb Cache&lt;br /&gt;Supports x86 and
   x64 OS&lt;br /&gt;w/ Cool'n Quiet Tech&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td  &gt;Price:&lt;/td&gt;&lt;td  &gt;7500&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Quantity:&lt;/td&gt;&lt;td   &gt;&lt;input type=text name=quant&gt;&lt;/td&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;td  &gt;Add to cart?&lt;/td&gt;&lt;td   &gt;&lt;input type="submit" value="Yes"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type=hidden name=comp value="AMD"&gt;
  &lt;input type=hidden name=prdname value="AMD OPTERON x16"&gt;
  &lt;input type=hidden name=prc value="7500"&gt;
  &lt;/form&gt;
  &lt;/td&gt;
  &lt;br /&gt;
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;img src="img/prd4.jpg" /&gt;
  &lt;/td&gt;
  
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;form action=cds.php method=get&gt;
  &lt;table border="0" bordercolorlight="#FFFF99"&gt;
    &lt;th align="center" colspan="2" bgcolor="#FF9900"&gt;INTEL PENTIUM 4 G870&lt;/th&gt;
  &lt;tr&gt;&lt;td  &gt;Specs:&lt;/td&gt;&lt;td  &gt;3.20Ghz&lt;br /&gt;2 cores&lt;br /&gt;2Mb Cache&lt;br /&gt;Supports x86 and 
  x64 OS&lt;br /&gt;w/ Cool'n Quiet Tech&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Price:&lt;/td&gt;&lt;td  &gt;3500&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Quantity:&lt;/td&gt;&lt;td   &gt;&lt;input type=text name=quant&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  &gt;Add to cart?&lt;/td&gt;&lt;td   &gt;&lt;input type="submit" value="Yes"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type=hidden name=comp value="INTEL"&gt;
  &lt;input type=hidden name=prdname value="INTEL PENTIUM G870"&gt;
  &lt;input type=hidden name=prc value="3500"&gt;
  &lt;/form&gt;
  &lt;/td&gt;
  &lt;br /&gt;
  &lt;td&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
  &lt;td&gt;
  &lt;img src="img/prd8.jpg" /&gt;
      &lt;/td&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I know it will need loops to print all the rows in the mysql table but it has multiple cells, do I have to use nested loops to print that?</p>