時間は画像をカバーしていません

Question

ここには2行の表があります。最初の行にはhrが含まれています。 2番目のテーブル行にはテキストとイメージがあります。 hrは画像とテキストの両方をカバーしないのはなぜですか？

 <table> 
 
      <tr> 
 
       <td align="center"> 
 
        <hr class="hr"> 
 
       </td> 
 
      </tr> 
 
      <tr align="center"> 
 
       <td width="60%" align="center"> 
 
        <p> 
 
        Every occasion should be a special one! No matter the event, a custom-designed cake always adds that special something. 
 

 
        Weddings, birthdays, baby showers, an anniversary... for ANY event, large or small, let me help you celebrate with a delicious and beautifully-designed and decorated cake! 
 

 
        Please take a look through my Cake Photo Gallery to see some of the work I've done recently. 
 

 
        Anytime Cakes! Any cake, any style, any time!! 
 

 
        Enjoy! 
 

 
        ...Andrea 
 
        </p> 
 
       </td> 
 
       <td width="40%" align="center"> 
 
        <img src="images/homeimg.jpg"> 
 
       </td> 
 
      </tr> 
 
     </table>

Answer 1

<td colspan="2"><hr/></td>

Answer 2

あなたは1 COL二つのcolsを組み合わせることcolspanを使用することができます。

<table> 
 
      <tr> 
 
       <td align="center" colspan="2"> 
 
        <hr class="hr"> 
 
       </td> 
 
      </tr> 
 
      <tr align="center"> 
 
       <td width="60%" align="center"> 
 
        <p> 
 
        Every occasion should be a special one! No matter the event, a custom-designed cake always adds that special something. 
 

 
        Weddings, birthdays, baby showers, an anniversary... for ANY event, large or small, let me help you celebrate with a delicious and beautifully-designed and decorated cake! 
 

 
        Please take a look through my Cake Photo Gallery to see some of the work I've done recently. 
 

 
        Anytime Cakes! Any cake, any style, any time!! 
 

 
        Enjoy! 
 

 
        ...Andrea 
 
        </p> 
 
       </td> 
 
       <td width="40%" align="center"> 
 
        <img src="images/homeimg.jpg"> 
 
       </td> 
 
      </tr> 
 
     </table>

詳細な情報については、あなたがW3Cのウェブサイトを訪問することができます： https://www.w3schools.com/tags/att_td_colspan.asp

Answer 3

あなたの二行は二つのセル、最初の1つのみを持っています。 2列幅の広い、それ作るために最初のtdにcolspan="2"を追加します。これは表形式のデータが含まれていないとして、あなたは* *、テーブルを使用してはならないようにこれが聞こえる

<table> 
 
    <tr> 
 
    <td align="center" colspan="2"> 
 
     <hr class="hr"> 
 
    </td> 
 
    </tr> 
 
    <tr align="center"> 
 
    <td width="60%" align="center"> 
 
     <p> 
 
     Every occasion should be a special one! No matter the event, a custom-designed cake always adds that special something. Weddings, birthdays, baby showers, an anniversary... for ANY event, large or small, let me help you celebrate with a delicious and 
 
     beautifully-designed and decorated cake! Please take a look through my Cake Photo Gallery to see some of the work I've done recently. Anytime Cakes! Any cake, any style, any time!! Enjoy! ...Andrea 
 
     </p> 
 
    </td> 
 
    <td width="40%" align="center"> 
 
     <img src="images/homeimg.jpg"> 
 
    </td> 
 
    </tr> 
 
</table>