Table allignments not the same on the page

Frank Melan 21 Reputation points
2022-08-14T20:48:19.173+00:00

Here is a ps of the current page:231074-jpg.jpg

What you see in the upper portion of the the table is how it is supposed to be. What you see in the lower portion is what is happening throughout the the page. Here is the code for the two sections.

 <a name="description"></a>    
  <table><body><table id="Table1" width="100%"><thead><tr><th scope="col" style="width: 161.863px; font-size: 25px;">Variety</th><th scope="col" style="width: 161.863px; font-size: 25px;  ">Flavor</th><th scope="col" style="width: 161.863px; font-size: 25px; ">Texture</th><th scope="col" style="width: 161.863px; font-size: 25px; ">Baking/Cooking&nbsp;</th><th scope="col" style="width:161.863px; font-size: 25px; ">Eating/Salads</th><th scope="col" style="width: 161.863px; font-size: 25px">Pies</th><th scope="col" style="width: 161.863px; font-size: 25px; ">Sauce</th></tr></thead><tbody><tr><tr><tr style="border-bottom:3px solid black"><TR BGCOLOR="#FFFAFA"><td><a href="#Akane" style="color: blue"><b>Akane</b></a></td><td align="center"><b>Sweet</b></td><td align="center"><b>Firm</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td><td align="center"><b>X</b></td><td align="center"><b></b></td></tr><tr><td><a href="#Alatau Dawn" style="color: blue">Alatau Dawn</a></td><td align="center">Sweet-Sharp</td><td align="center">Crisp</td><td align="center">X</td><td align="center">X</td><td align="center">X</td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Ambrosia" style="color: blue"><b>Ambrosia</b></a></td><td align="center"><b>Sweet</b></td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td></tr><tr><td><a href="#Ananas Reinette" style="color: blue">Ananas Reinette</a></td><td align="center">Sweet-Tart</td><td align="center">Firm</td><td align="center">X</td><td align="center">X</td><td align="center">X</td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Anna" style="color: blue"><b>Anna</b></a></td><td align="center"><b>Sweet-Tart</b></td><td align="center"><b>Firm</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td></tr><tr><td><a href="#Aport" style="color: blue">Aport</a></td><td align="center">Sweet-Sour</td><td align="center">Crisp</td><td align="center">X</td><td align="center">X</td><td align="center"></td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Arkansas Black" style="color: blue"><b>Arkansas Black</b></a></td><td align="center"><b>Sweet-Tart</b></td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td></tr><tr><td><a href="#Ashmead's Kernel" style="color: blue">Ashmead's Kernel</a></td><td align="center">Sweet-Tart</td><td align="center">Crisp</td><td align="center"></td><td align="center">X</td><td align="center">X</td><td align="center">X</td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Aurora Golden Gala" style="color: blue"><b>Aurora Golden Gala</b></a></td><td align="center"><b>Sweet</b></td><td align="center"><b>Crisp</b></td><td align="center"><b></b></td><td align="center"><b>X</b></td><td align="center"><b></b></td><td align="center"><b></b></td></tr><tr><td><a href="#Autumn Crisp" style="color: blue">Autumn Crisp</a></td><td align="center">Sweet-Tart</td><td align="center">Extra Crisp</td><td align="center"></td><td align="center">X</td><td align="center"></td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Autumn Glory" style="color: blue"><b>Autumn Glory</b></a></td><td align="center"><b>Sweet</b></td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td><td align="center"><b>X</b></td></tr><tr><td><a href="#Baldwin" style="color: blue">Baldwin</a></td><td align="center">Medium Sweet</td><td align="center">Firm-Crisp</td><td align="center">X</td><td align="center">X</td><td align="center">X</td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Belle de Boskoop" style="color: blue"><b>Belle de Boskoop</b></a></td><td align="center"><b>Tart</b></td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td><td align="center"><b>X</b></td><td align="center"><b></b></td></tr><tr><td><a href="#Belle de Boskoop Red" style="color: blue">Belle de Boskoop Red</a></td><td align="center">Tart</td><td align="center">Crisp</td><td align="center">X</td><td align="center">X</td><td align="center">X</td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Bellflower" style="color: blue"><b>Bellflower</b></a></td><td align="center"><b>Sweet-Tart</b></td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td><td align="center"><b></b></td></tr><tr><td><a href="#Bevan's Favorite" style="color: blue">Bevan's Favorite</a></td><td align="center">Sweet-Sharp</td><td align="center">Crisp</td><td align="center">X</td><td align="center">X</td><td align="center"></td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Black Twig" style="color: blue"><b>Black Twig</b></a></td><td align="center"><b>Tart</b></td><td align="center"><b>Firm</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td><td align="center"><b></b></td></tr><tr><td><a href="#Blenheim Orange" style="color: blue">Blenheim Orange</a></td><td align="center">Sweet-Tangy</td><td align="center">Firm</td><td align="center">X</td><td align="center">X</td><td align="center"></td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Blondee" style="color: blue"><b>Blondee</b></a></td><td align="center"><b>Tart</b></td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td><td align="center"><b></b></td></tr><tr><td><a href="#Blue Pearmain" style="color: blue">Blue Pearmain</a></td><td align="center">Mildly Sweet</td><td align="center">Crisp</td><td align="center"></td><td align="center">X</td><td align="center">X</td><td align="center">X</td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Blushing Golden" style="color: blue"><b>Blushing Golden</b></a></td><td align="center"><b>Sweet-Tart</b></td><td align="center"><b>Firm</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td></tr><tr><td><a href="#Braeburn" style="color: blue">Braeburn</a></td><td align="center">Sweet-Tart</td><td align="center">Crisp</td><td align="center">X</td><td align="center">X</td><td align="center"></td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Bramley" style="color: blue"><b>Bramley</b></a></td><td align="center"><b>Tart</b></td><td align="center"><b>Firm</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td><td align="center"><b>X</b></td><td align="center"><b></b></td></tr><tr><td><a href="#Calville Blanc" style="color: blue">Calville Blanc</a></td><td align="center">Tart-Sweet</td><td align="center">Crisp</td><td align="center">X</td><td align="center"></td><td align="center">X</td><td align="center"></td></tr></tbody></table>  
  </td>&nbsp;<div style="display: inline-block;"><a href="#description2"><button><font size="+2">Cameo - European Crabapples</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description3"><button><font size="+2">EverCrisp - JAZZ™</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description4"><button><font size="+2">Jersey Mac – Liberty</font></button></a></div></div></td></div></td>&nbsp;<div style="display: inline-block;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description5"><button><font size="+2">Ligol - Piñata</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description6"><button><font size="+2">Pink Lady® - Rockit™</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description7"><button><font size="+2"> Rome - Strawberry Pippin</font></button></a></div></div></td></div>  
  
</td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div style="display: inline-block;"><a href="#description8"><button><font size="+2"> Striped Delicious - Winesap</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description9"><button><font size="+2"> Winter Banana - Zestar!™</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#top"><button><font size="+2">Page Top</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#Baking/Cooking"><button><font size="+2">Use  Listing</font></button></a></div></div></td></div>    
  
  
  
  
<a name="description2"></a>   
  
  
  
  <table><body><table id="Table2" width="100%"><thead><tr><th scope="col" style="width: 161.863px; font-size: 25px;">Variety</th><th scope="col" style="width: 161.863px; font-size: 25px;  ">Flavor</th><th scope="col" style="width: 161.863px; font-size: 25px; ">Texture</th><th scope="col" style="width: 161.863px; font-size: 25px; ">Baking/Cooking&nbsp;</th><th scope="col" style="width:161.863px; font-size: 25px; ">Eating/Salads</th><th scope="col" style="width: 161.863px; font-size: 25px">Pies</th><th scope="col" style="width: 161.863px; font-size: 25px; ">Sauce</th></tr></thead><tbody><tr><tr><tr style="border-bottom:3px solid black"><TR BGCOLOR="#FFFAFA"><td><a href="#Cameo" style="color: blue"><b>Cameo</b></a></td><td align="center"><b>Sweet</b></td><td align="center"><b>Firm</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td></tr><tr><td><a href="#Candil" style="color: blue">Candil</a></td><td align="center">Sweet-Sharp</td><td align="center">Crisp</td><td align="center">X</td><td align="center">X</td><td align="center">X</td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Candil Sunrise" style="color: blue"><b>Candil Sunrise</b></a><td align="center"><b>Sweet-Sharp</td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"></td></tr><tr><td><a href="#CandyCrisp" style="color: blue">CandyCrisp</a></td><td align="center">Sweet</td><td align="center">Firm</td><td align="center"></td><td align="center"></td><td align="center">X</td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Cornish Aromatic" style="color: blue"><b>Cornish Aromatic</b></a><td align="center"><b>Sweet-Sharp</td><td align="center"><b>Firm</b></td><td align="center"><b></td><td align="center"><b>X</b></td><td align="center"></td><td align="center"></td></tr><tr><td><a href="#Cortland" style="color: blue">Cortland</a></td><td align="center">Sweet-Tart</td><td align="center">Soft</td><td align="center">X</td><td align="center">X</td><td align="center">X</td><td align="center">X</td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Cosmic Crisp" style="color: blue"><b>Cosmic Crisp</b></a><td align="center"><b> Very Sweet</td><td align="center"><b>Firm</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"></td></tr><tr><td><a href="#Cox's Orange Pippin" style="color: blue">Cox's Orange Pippin</a></td><td align="center">Sweet-Tart</td><td align="center">Soft</td><td align="center">X</td><td align="center">X</td><td align="center">X</td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Crimson Crisp" style="color: blue"><b>Crimson Crisp</b></a><td align="center"><b>Sweet-Tart</td><td align="center"><b>Soft</b></td><td align="center"></td><td align="center"></td><td align="center"><b>X</b></td><td align="center"></td></tr><tr><td><a href="#Crimson Gold" style="color: blue">Crimson Gold</a></td><td align="center">Sweet-Tart</td><td align="center">Firm</td><td align="center">X</td><td align="center">X</td><td align="center">X</td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Cripps Pink" style="color: blue"><b>Cripps Pink</b></a><td align="center"><b>Sweet</td><td align="center"><b>Firm</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"></td></tr><tr><td><a href="#Crispin/Mutsu" style="color: blue">Crispin/Mutsu</a></td><td align="center">Sweet</td><td align="center">Crisp</td><td align="center">X</td><td align="center">X</td><td align="center"></td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Criterion" style="color: blue"><b>Criterion</b></a><td align="center"><b>Tangy</td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"></td></tr><tr><td><a href="#Daikouei" style="color: blue">Daikouei</a></td><td align="center">Sweet</td><td align="center">Crisp</td><td align="center"></td><td align="center">X</td><td align="center"></td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Damira" style="color: blue"><b>Damira</b></a><td align="center"><b>Sweet</td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td></tr><tr><td><a href="#Diva" style="color: blue">Diva</a></td><td align="center">Sweet</td><td align="center">Firm</td><td align="center">X</td><td align="center">X</td><td align="center"></td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Earligold<" style="color: blue"><b>Earligold</b></a><td align="center"><b>Tart</td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td></tr><tr><td><a href="#Egremont Russet" style="color: blue">Egremont Russet</a></td><td align="center">Sweet-Acidic</td><td align="center">Dry</td><td align="center">X</td><td align="center">X</td><td align="center"></td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Eliza" style="color: blue">Eliza</a></a><td align="center"><b>Sweet-Acidic</td><td align="center"><b>Crunchy</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td><td align="center"><b></b></td></tr><tr><td><a href="#Elstar" style="color: blue">Elstar</a></td><td align="center">Sweet-Tart</td><td align="center">Crisp</td><td align="center"></td><td align="center">X</td><td align="center">X</td><td align="center"></td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Empire" style="color: blue">Empire</a><td align="center"><b>Sweet-Tart</td><td align="center"><b>Firm</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td></tr><tr><td><a href="#Enterprise" style="color: blue">Enterprise</a></td><td align="center">Midly Tart</td><td align="center">Firm</td><td align="center"></td><td align="center">X</td><td align="center">X</td><td align="center">X</td></tr><tr><TR BGCOLOR="#FFFAFA"><td><a href="#Envy" style="color: blue">Envy</a><td align="center"><b>Sweet</td><td align="center"><b>Crisp</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b>X</b></td><td align="center"><b></b></td></tr><tr><td><a href="#European Crabapples" style="color: blue">European Crabapples</a></td><td align="center">Tart</td><td align="center">Firm</td><td align="center">X</td><td align="center"></td><td align="center"></td><td align="center"></td></tr></tbody></table>  
  </td>&nbsp;<div style="display: inline-block;"><a href="#description"><button><font size="+2">Akane - Calville Blanc</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description3"><button><font size="+2">EverCrisp - JAZZ™</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description4"><button><font size="+2">Jersey Mac – Liberty</font></button></a></div></div></td></div></td>&nbsp;<div style="display: inline-block;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description5"><button><font size="+2">Ligol - Piñata</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description6"><button><font size="+2">Pink Lady® - Rockit™</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description7"><button><font size="+2"> Rome - Strawberry Pippin</font></button></a></div></div></td></div>  
  
</td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div style="display: inline-block;"><a href="#description8"><button><font size="+2"> Striped Delicious - Winesap</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#description9"><button><font size="+2"> Winter Banana - Zestar!™</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#top"><button><font size="+2">Page Top</font></button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#Baking/Cooking"><button><font size="+2">Use  Listing</font></button></a></div></div></td></div>    

I have no idea what happened. I am a beginner, so I know I probably did something wrong.

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
9,584 questions
{count} votes

1 answer

Sort by: Most helpful
  1. Frank Melan 21 Reputation points
    2022-08-15T11:28:19.637+00:00

    I found the problem, it was the button code. Could the group please review the code to see if there are any errors. The app I am using only allows pure HTML.
    </td> <div style="display: inline-block;"><a href="#description2"><button><font size="+2">Cameo - European Crabapples</font></button></a>                 <a href="#description3"><button><font size="+2">EverCrisp - JAZZ™</font></button></a>                 <a href="#description4"><button><font size="+2">Jersey Mac – Liberty</font></button></a></td></div>

    0 comments No comments