Cutter and Buck Sizing Chart

Developer
Noel Peña
Size
3,231 Kb
Views
8,096
  1. Cutter and Buck Sizing Chart Previews
  2. Cutter and Buck Sizing Chart HTML Codes
  3. Cutter and Buck Sizing Chart CSS Codes

How do I make an cutter and buck sizing chart?

What is a cutter and buck sizing chart? How do you make a cutter and buck sizing chart? This script and codes were developed by Noel Peña on 05 November 2022, Saturday.

Cutter and Buck Sizing Chart Previews
IQ Test

Cutter and Buck Sizing Chart - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Cutter and Buck Sizing Chart</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="sizechart_superwrap">
<div class="sizechart_wrap"> <h1 class="title">Cutter & Buck Size Charts</h1> <p id="subtitle">How To Measure Your Body For Size</p> <hr /> <div class="sizechart_body"> <p> <span>Neck:</span> Measure around your neck at the point where a shirt collar band encircles the neck. </p> <p> <span>Chest:</span> Place tape measure up under arms and measure the fullest part of the chest, keeping tape parallel to the floor. </p> <p> <span>Waist:</span> Tape measure should be straight around waist where pant waistband normally sits. </p> <p> <span>Sleeve:</span> With elbow bent, measure from the center of the back at the base of the neck, across the shoulder to the elbow and then down to the wrist. </p> <p> <span>Hip:</span> Standing with heels together and with tape parallel to the floor, measure the fullest part. </p> </div> <div class="sizechart_img"> <img src="http://www.cutterbuck.com/media/wysiwyg//size-guide/size-guide-image.gif" alt="" /> <br> <img src="http://www.cutterbuck.com/media/wysiwyg/size-guide/size-guide-image-women.gif" alt="" /> </div>
</div>
<div class="sizechart_table"> <p>Cutter &amp; Buck Men’s Regular Size Equivalency Chart</p> <table> <tr> <th>Size</th> <th>Neck</th> <th>Chest</th> <th>Waist</th> <th>Center<br>Back Sleeve<br>Length</th> </tr> <tr> <td class="odd">X-Small</td> <td class="odd">13.5-14</td> <td class="odd">36-38</td> <td class="odd">29-30</td> <td class="odd">31.5-32</td> </tr> <tr> <td>Small</td> <td>14-14.5</td> <td>38-40</td> <td>31-32</td> <td>32.5-33</td> </tr> <tr> <td class="odd">Medium</td> <td class="odd">15-15.5</td> <td class="odd">40-42</td> <td class="odd">33-34</td> <td class="odd">33.5-34</td> </tr> <tr> <td>Large</td> <td>16-16.5</td> <td>42-44</td> <td>35-36</td> <td>34.5-35</td> </tr> <tr> <td class="odd">X-Large</td> <td class="odd">16.5-17</td> <td class="odd">44-46</td> <td class="odd">37-38</td> <td class="odd">35.5-36</td> </tr> <tr> <td>XX-Large</td> <td>17-17.5</td> <td>46-48</td> <td>39-40</td> <td>36.5-37</td> </tr> <tr> <td class="odd">XXX-Large</td> <td class="odd">17.5-18</td> <td class="odd">48-50</td> <td class="odd">41-42</td> <td class="odd">37.5-38</td> </tr> </table> <br> <p>Cutter & Buck Men’s Big Size (6'3" &amp; under) Equivalency Chart</p> <table> <tr> <th>Size</th> <th>Neck</th> <th>Chest</th> <th>Waist</th> <th>Center<br>Back Sleeve<br>Length</th> </tr> <tr> <td class="odd">1XB</td> <td class="odd">18-18.5</td> <td class="odd">46-48</td> <td class="odd">42-44</td> <td class="odd">35</td> </tr> <tr> <td>2XB</td> <td>19-19.5</td> <td>50-52</td> <td>46-48</td> <td>35</td> </tr> <tr> <td class="odd">3XB</td> <td class="odd">20</td> <td class="odd">54-56</td> <td class="odd">50-52</td> <td class="odd">36</td> </tr> <tr> <td>4XB</td> <td>21</td> <td>58-60</td> <td>54-56</td> <td>36</td> </tr> <tr> <td class="odd">5XB</td> <td class="odd">22</td> <td class="odd">62-64</td> <td class="odd">58-60</td> <td class="odd">37</td> </tr> </table> <br> <p>Cutter &amp; Buck Men’s Tall Size (6'4" &amp; taller) Equivalency Chart</p> <table> <tr> <th>Size</th> <th>Neck</th> <th>Chest</th> <th>Waist</th> <th>Center<br>Back Sleeve<br>Length</th> </tr> <tr> <td class="odd">LT</td> <td class="odd">17-17.5</td> <td class="odd">42-44</td> <td class="odd">38-40</td> <td class="odd">37</td> </tr> <tr> <td>XLT</td> <td>18-18.5</td> <td>46-48</td> <td>42-44</td> <td>38</td> </tr> <tr> <td class="odd">2XT</td> <td class="odd">19-19.5</td> <td class="odd">50-52</td> <td class="odd">46-48</td> <td class="odd">39</td> </tr> <tr> <td>3XT</td> <td>20</td> <td>54-56</td> <td>50-52</td> <td>40</td> </tr> <tr> <td class="odd">4XT</td> <td class="odd">21</td> <td class="odd">58-60</td> <td class="odd">54-56</td> <td class="odd">41</td> </tr> </table> <br> <p>Cutter &amp; Buck Ladies’ Size Equivalency Chart</p> <table> <tr> <th>Size</th> <th>Bust</th> <th>Waist</th> <th>Hip</th> </tr> <tr> <td class="odd">X-Small (2)</td> <td class="odd">34</td> <td class="odd">26</td> <td class="odd">36.5</td> </tr> <tr> <td>Small (4-6)</td> <td>35-36</td> <td>27-28</td> <td>37.5-38.5</td> </tr> <tr> <td class="odd">Medium (8-10)</td> <td class="odd">37-38</td> <td class="odd">29-30</td> <td class="odd">39.5-40.5</td> </tr> <tr> <td>Large (12-14)</td> <td>39.5-41</td> <td>31.5-33</td> <td>42-43.5</td> </tr> <tr> <td class="odd">X-Large (16-18)</td> <td class="odd">42.5-44.5</td> <td class="odd">34.5-36.5</td> <td class="odd">45-47</td> </tr> <tr> <td>XX-Large (20)</td> <td>46</td> <td>38</td> <td>48.5</td> </tr> <tr> <td class="odd">XXX-Large (22)</td> <td class="odd">47.5</td> <td class="odd">39.5</td> <td class="odd">50</td> </tr> </table> <br> <p>Cutter &amp; Buck Women’s Plus Size Equivalency Chart</p> <table> <tr> <th>Size</th> <th>Bust</th> <th>Waist</th> <th>Hip</th> </tr> <tr> <td class="odd">1X (14-16)</td> <td class="odd">45-47</td> <td class="odd">39-41</td> <td class="odd">46-48</td> </tr> <tr> <td>2X (18-20)</td> <td>48-50</td> <td>42-44</td> <td>49-51</td> </tr> <tr> <td class="odd">3X (22-24)</td> <td class="odd">51-53</td> <td class="odd">45-47</td> <td class="odd">52-54</td> </tr> <tr> <td>4X (26-28)</td> <td>54-56</td> <td>48-50</td> <td>55-57</td> </tr> <tr> <td class="odd">5X (30-32)</td> <td class="odd">57-59</td> <td class="odd">51-53</td> <td class="odd">58-60</td> </tr> </table> <br> <p>Cutter &amp; Buck Corresponding Ladies’ to Men’s Sizes</p> <table> <tr> <th>Ladies'</th> <th>XS</th> <th>S</th> <th>M</th> <th>L</th> <th>XL</th> <th>XXL</th> <th>XXXL</th> <th>-----</th> </tr> <tr> <td class="odd">Men's</td> <td class="odd">-----</td> <td class="odd">XS</td> <td class="odd">S</td> <td class="odd">M</td> <td class="odd">L</td> <td class="odd">XL</td> <td class="odd">XXL</td> <td class="odd">XXXL</td> </tr> </table>
</div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Cutter and Buck Sizing Chart - Script Codes CSS Codes

.sizechart_superwrap .sizechart_wrap{ width: 55%;
/* outline:1px solid red;*/ float:left;
}
.sizechart_superwrap .sizechart_body{ width: 50%; float:left;
}
.sizechart_superwrap .sizechart_img img{ width: 50%; float:right;
}
.sizechart_superwrap .sizechart_wrap p#subtitle{ font-weight: bold; margin-bottom:0px; clear:left;
}
.sizechart_superwrap .sizechart_wrap p span{ font-weight: bold;
}
.sizechart_superwrap .sizechart_wrap hr { border-top:2px dotted black; border-bottom:0px; border-right:0px; border-left:0px;"
}
.sizechart_superwrap .sizechart_table{
/* outline: 1px solid blue;*/ float:right;
}
.sizechart_superwrap .sizechart_table table{ border-collapse: collapse; border: 1px solid #C02F38; width:420px;
}
.sizechart_superwrap .sizechart_table table th{ background-color: #C02F38; color: #fff; font-size: 13px; vertical-align: bottom;
}
.sizechart_superwrap .sizechart_table td{ text-align: center; padding: 5px 20px; background-color:#EDEDEE;
}
.sizechart_superwrap .sizechart_table td.odd{ background-color: #fff;
}
.sizechart_superwrap .sizechart_table p{ font-weight: bold; margin:0px;
}
div#LayoutColumn2.Right{ display:none;
}
div#LayoutColumn1.Wide.Content{ width:100%;
}
Cutter and Buck Sizing Chart - Script Codes
Cutter and Buck Sizing Chart - Script Codes
Home Page Home
Developer Noel Peña
Username ewganoel
Uploaded November 05, 2022
Rating 3
Size 3,231 Kb
Views 8,096
Do you need developer help for Cutter and Buck Sizing Chart?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Noel Peña (ewganoel) Script Codes
Name
T3sting
Grayscale Filter - Hover to normal
Google Maps JS API
Tryout.Flexbox
Golf tracks table
Mailchimp embed
Whitelisting Instructions
LB JS
Testing Responsive table
FAQs with Toggle
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!