HTML - 셀의 텍스트 이동

독점적으로 테이블 (구식 방식)을 사용하여 웹 사이트를 만들어야합니다. 레이아웃으로 시작했는데 테이블/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

희망이 도움이 :) Heres는

출처

2016-09-28 16:29:58

HTML - 셀의 텍스트 이동

답변

관련 문제