Ändere Breite von einer Zelle innerhalb der Tabelle

Question

Ich lege eine E-Mail im Tabellenformat und mein Ziel ist es, die 'Learn More' Größe ohne den Rest der Zeilengröße zu ändern. Etwas zur Wirkung des Bildes zur Verfügung gestellt:

.

Ich habe versucht, eine Breite Attribut hinzufügen, aber es hat nicht funktioniert.

<table style="background-color: #a9cfee;"> 
    <tr style="border: none; font-family: arial, sans-serif; color:white; font-size: 43px; text-align: left; "> 
     <td> 
      <strong>ELITE GROOMING TUB</strong> 
     </td> 
     <td rowspan="3"> 
      <img src="tub.png"> 
     </td> 
    </tr> 
    <tr> 
     <td style="border: none; font-family: arial, sans-serif; color:white; font-size: 15px; text-align: left;"> 
      We have made our premium tub even better. Stairs are extra sturdy but lighter weight. With the flick of a foot, they slide underneath the tub. 
     </td> 
    </tr> 
    <tr> 
     <td style="border: none; font-family: arial, sans-serif; color:white; font-size: 15px; font-weight: 800; background-color: #0033a0; width: 50%;"> 
      Learn More 
    </tr> 
    </tbody> 
</table> 

Answer 1

Jetzt, da ich das Bild sehe, überarbeite ich meine Antwort vollständig.

Ihre Tabellenstruktur wird nicht so angezeigt, wie Sie sie gerade anzeigen.

Zum Beispiel haben Sie eine <td rowspan="3"> für die Wanne Zeile. Sie müssen die Breite der zwei Zellen in der ersten Zeile hinzufügen, um die Dinge besser fließen zu lassen.

Der Button steuerte auch die Breite des Tisches. Ich lege es in einen separaten Tisch innerhalb der Zelle, damit Sie die Breite des Knopfes steuern können, ohne die Breite des Tisches zu beeinflussen.

Viel Glück.

<table style="background-color: #a9cfee;" border="1" width="580"> 
<tr style="border: none; font-family: arial, sans-serif; color:white; font-size: 43px; text-align: left; "> 
    <td width="80%"> 
     <strong>ELITE GROOMING TUB</strong> 
    </td> 
    <td rowspan="3" width="20%"> 
     <img src="tub.png"> 
    </td> 
</tr> 
<tr> 
    <td style="border: none; font-family: arial, sans-serif; color:white; font-size: 15px; text-align: left;"> 
     We have made our premium tub even better. Stairs are extra sturdy but lighter weight. With the flick of a foot, they slide underneath the tub. 
    </td> 
</tr> 
<tr> 
    <td align="center" style="font-family: arial, sans-serif; color:white; font-size: 15px; font-weight: 800; text-align:center;"> 

     <table align="center" border="0"> 
     <tr> 
      <td style="border: none; font-family: arial, sans-serif; color:white; font-size: 15px; font-weight: 800; background-color: #0033a0; width:200px; text-align:center;">Learn More</td> 
     </tr> 
     </table> 
    </td> 
</tr> 
</tbody> 

https://jsfiddle.net/wallyglenn/53ucukpo/