HTML - 移动文本在单元格中

我需要创建仅使用表网站（老式方法）。我已经开始了布局，因为我只能使用tables/html，所以我遇到了一些问题。HTML - 移动文本在单元格中

<body> 

<table width="1173" height="703" cellspacing="0" cellpadding="0"> 
    <tr style="text-align:center; font-family: Arial, Gotham, 'Helvetica Neue', Helvetica, sans-serif; font-size:20px; color:white; text-transform:uppercase"> 
     <td colspan="2"></td> 
     <td width="234" height="234" style="background-color:#1e8bc3; background-image:url(images/exercice1_iconeBatterie.gif); background-repeat:no-repeat; background-position:center; display: inline-block;">Expérience</td> 
     <td width="234" height="234" background="images/exercice1_img1.jpg"></td> 
     <td width="234" height="234" style="background-color:#ff9f00">Biographie</td> 
    </tr> 

    <tr style="text-align:center; font-family: Arial, Gotham, 'Helvetica Neue', Helvetica, sans-serif; font-size:20px; color:white; text-transform:uppercase"> 
     <td width="234" height="234" background="images/exercice1_img2.jpg"></td> 
     <td width="234" height="234" style="background-color:#f05a49">Compétence</td> 
     <td width="234" height="234" background="images/exercice1_img3.jpg"></td> 
     <td width="234" height="234" style="background-color:#f86923">Portfolio</td> 
     <td width="234" height="234" background="images/exercice1_img4.jpg"></td> 
    </tr> 
     <tr style="text-align:center; font-family: Arial, Gotham, 'Helvetica Neue', Helvetica, sans-serif; font-size:20px; color:white; text-transform:uppercase"> 
     <td style="background-color:#f86923">Réseaux sociaux</td> 
     <td width="234" height="234" background="images/exercice1_img5.jpg"></td> 
     <td width="234" height="234" style="background-color:#35bc7a">Blog</td> 
     <td width="234" height="234" background="images/exercice1_img6.jpg"></td> 
     <td width="234" height="234" style="background-color:#1e8bc3">Contact</td> 
    </tr> 
</table>

我需要我的文字到图像下在小区的中心对齐。当我尝试移动某物时，显然整个细胞都在移动。结构会是什么，知道我在那里是错的。感谢

来源

2016-09-28 illiaskh

继承人它的一个小提琴： https://jsfiddle.net/phc6jctg/ 所有他们除了1似乎罚款？我对这个问题是什么感到困惑？ –

问题是在我的细胞中心，我需要有一个小图标（如下所示：http://imgur.com/a/xZ8bq），然后将文本对齐。 – illiaskh

整件事情需要像这样：http://imgur.com/a/obDGr – illiaskh

基于我们评论讨论：

尝试在标题栏的TDS使用这样的：

<img src="theimageurl.png" width="64" /><br/>Title

希望这有助于:)

来源

2016-09-28 16:29:58

HTML - 移动文本在单元格中

回答

相关问题