Search the Community

I didn't know where to add my new topic, but because my problem involves coding in HTML. I thought this might be the right place. So.. I'm new to web design/coding and i'm coming to you guys for help because the company i work for has now got a new website which uses Umbraco CMS to add and edit content. What they neglected to tell us was that we'd need to know HTML to edit certain data. I have added the HTML coding below for the Table of specs for one of the products we sell at my work, but my problem is getting the color_boxes to align centrally with all the rest of the data. (see image attached of 'The Table as viewed on the webpage'). HTML: <table border="0" class="comm_table" align="center"><tbody><tr><th colspan="2" width="129">Size/ref/code</th><th class="table_th1" style="text-align: center;">W½</th><th class="table_th1" style="text-align: center;">W1</th><th class="table_th1" style="text-align: center;">W2</th><th class="table_th1" style="text-align: center;">W3</th></tr><tr><th colspan="2" width="129">Colour</th><th><div class="color_box"><span class="color" style="background: none repeat scroll 0% 0% #ffffff;">color</span></div></th><th><div class="color_box" style="text-align: center;"><span class="color" style="background: none repeat scroll 0% 0% #99CC00;">color</span></div></th><th><div class="color_box"><span class="color" style="background: none repeat scroll 0% 0% #D00000; align: center;"> color</span></div></th><th><div class="color_box"><span class="color" align="center" style="background: none repeat scroll 0% 0% #333399;">color</span></div></th></tr><tr><th class="table_th1" rowspan="2" style="text-align: center;">Height of Walker (cm)</th><th class="table_th1" style="text-align: center;">STD Wheels</th><td>37-46</td><td>41-55</td><td>48-64</td><td>59-78</td></tr><tr><th class="table_th1" style="text-align: center;">Activity Wheels</th><td>41.50</td><td>45-60</td><td>52-68</td><td>63-82</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">Hand-grip width (cm) </th><td>34</td><td>34</td><td>34</td><td>38</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">Frame width (cm) </th><td>58-60</td><td>58-60</td><td>60-62</td><td>62-64</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">Frame Length (cm) </th><td>52-59</td><td>56-62</td><td>69-83</td><td>77-89</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">User Height (cm) </th><td>up to 95</td><td>91-122</td><td>107-137</td><td>129-152</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">Max User Weight (kg </th><td>27</td><td>27</td><td>39</td><td>60</td></tr><tr><th class="table_th1" colspan="2" style="text-align: center;">Frame Weight (kg) </th><td>3</td><td>3.3</td><td>3.85</td><td>4.85</td></tr></tbody></table><p> </p><p style="text-align: left;">*All dimensions are based on four wheeled walkers. Frame weight is calculated based on the frame with wheels but excludes accessories. Activty wheels will affect the adjustment range of each walker. Colours shown are standard for each size. Special colours are available at an additional cost.</p><p style="text-align: justify;"><span class="Apple-style-span">Measuring correctly:</span> Whilst the user is standing with their arms by their side and with a few degrees of flexion at the elbow, measure from the crease in the palm of the hand to the floor. Always remember to adjust the walker as the user grows to maintain good posture and efficient walking.</p><p style="text-align: left;"><span>For further information about the Kaye Walker and the accessories available please request our brochure via our online enquiry.</span></p> Looking at the coding in red, which is relative to my problem. This will need tidying up a lot, after i have tried so many times to edit the coding to do what i want it to. But i had no success.. I have also attached a screen grab of the HTML coding we are looking at (as edited in Umbraco CMS): I have also included two more screen grabs of the Table as viewed in Umbraco CMS & the Table as viewed on the webpage if this is of any help. The Table as viewed in Umbraco CMS: The Table as viewed on the webpage: As you can see above the colour boxes are not aligned central to the rest of the data input in the table. i would appreciate someone to help me understand the correct way of coding. As i am an ultra newbie and have taken it upon myself to learn HTML, anyone who might offer any course in HTML coding, please get in touch via PM. Thanks, Reb