2016-09-13 2 views
-1

내 이메일에서 단지 2 셀의 끝에/갭이 생겨서 그 이유를 알 수 없다.html 테이블의 틈을 없애기

이 셀 패딩이 0 세포 간격으로 설정 = 여기

0 내가 가진 무엇 :

<style type="text/css"> 
 
h1,h2,h3,h4,h5,h6,h7 { 
 
\t font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
\t line-height: 1;} 
 
h1 { 
 
\t font-size: 20px; 
 
\t color: #B99350; 
 
\t line-height: 1; 
 
\t font-size: 25px; 
 
\t padding-top: 10px; 
 
\t font-align: center; 
 
\t font-weight: normal; 
 
\t text-align: center; 
 
} 
 
h3{ 
 
\t font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
\t line-height: 1; 
 
\t color: #B99350; 
 
\t font-size: 24px; 
 
\t padding-top: 15px; 
 
\t padding-bottom: 10px; 
 
\t padding-left: 15px; 
 
\t padding-right: 10px; 
 
\t font-style: normal; 
 
\t font-weight: normal; 
 
\t text-align: center; 
 
\t text-transform: capitalize; 
 
} 
 
h4{ 
 
\t font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
\t line-height: 1; 
 
\t color: #b99350; 
 
\t font-size: 22px; 
 
\t padding-right: 10px; 
 
\t padding-left: 15px; 
 
\t font-style: normal; 
 
\t text-align: left; 
 
\t font-weight: normal; 
 
} 
 
h5{ 
 
\t font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
\t line-height: 1.3; 
 
\t font-weight: normal; 
 
\t color: #FAFAFA; 
 
\t font-size: 14px; 
 
\t padding-top: 3px; 
 
\t color: #FCFCFC; 
 
} 
 
h6{ 
 
\t font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
\t line-height: 1.3; 
 
\t font-weight: bold; 
 
\t color: #FFFFFF; 
 
\t font-size: 14px; 
 
\t padding-left: 15px; 
 
\t color: #FFFFFF; 
 
} 
 
h7 { 
 
\t font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
\t font-style: normal; 
 
\t font-weight: normal; 
 
\t font-size: 16px; 
 
\t \t padding-top: 3px; 
 
\t padding-bottom: 20px; 
 
\t padding-right: 20px; 
 
padding-left: 15px; 
 
\t color: #FFFFFF; 
 
\t line-height: 25px; 
 
} 
 
h8 { 
 
\t padding-left: 15px;} 
 
\t 
 
\t h9 { 
 
\t font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
\t font-style: normal; 
 
\t font-weight: normal; 
 
\t font-size: 10px; 
 
\t \t padding-top: 3px; 
 
\t padding-bottom: 20px; 
 
\t padding-right: 20px; 
 
padding-left: 15px; 
 
\t color: #FFFFFF; 
 
\t line-height: 25px;} 
 
\t \t 
 
body,td,th { 
 
\t font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
\t font-style: normal; 
 
\t font-weight: normal; 
 
\t font-size: 16px; 
 
\t \t padding-top: 3px; 
 
\t padding-bottom: 10px; 
 
\t color: #FFFFFF; 
 
\t line-height: 20px; 
 
} 
 
li { 
 
\t font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
\t font-style: normal; 
 
\t font-weight: normal; 
 
\t font-size: 18px; 
 
\t color: #FFFFFF; 
 
\t line-height: 1em; 
 
\t padding-top: 10px; 
 
} 
 
body { 
 
\t background-color: #FCFCFC; 
 
} 
 

 
.blue { 
 
\t color: #B99350; 
 
} 
 
</style>
<table width="600" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" valign="center" ; 
 
> 
 
    <tbody> 
 
    <tr> 
 
     <td colspan="2" bgcolor="#201545" cellspacing="0" cellpadding="0" style="border-collapse: collapse"> 
 
     <h7>• AA rated State Government of South Australia occupies 76% of the NLA</h7> 
 
     <br> 
 
      <h7>• $13 million* spent in refurbishments between 2008 and 2016</h7> 
 
      <br> 
 
      <h7>• 5.3 year WALE and 97% occupancy</h7> 
 
      <br> 
 
      <h7>• Located in the core of Adelaide’s CBD</h7> 
 
      <br> 
 
      <h7>• Surplus land area with development potential</h7> 
 
      <br> 
 
      <h7>• Fully leased net income of $9.3 million*</h7> 
 
      <br> 
 
      <h7>• Net lettable area of 19,855sqm*</h7> 
 
      <br> 
 
      <h7>• 4.5-Star NABERS Rating</h7> 
 
    </p> 
 
     <h7><strong>Please <a href="http://v3au.zone-secure.net/drive/4191/231302/" style="color:#ffffff">click here</a> to view the Information Memorandum 
 
     <h7></strong><br> 
 
     <h9>* approx </h9> 
 
     <hr valign="top" width="100%" size="4px" color="#9D7F4A" align="left" style="border-collapse: collapse;" > 
 
<h4>FOR SALE VIA EXPRESSIONS OF INTEREST CLOSING 5PM (AEDT) THURSDAY, 20 OCTOBER 2016</h4></td> 
 
    <tr><td valign="top" width="232" align="left" bgcolor="#201545" cellspacing="0" style="padding-left: 15px; ";><img src="JLL_Logo_Rev_WEB.png" width="97" height="42" alt="JLL"/> 
 
     <h5><strong>Rob Sewell<br> 
 
      </strong>+61 407 243 229<br> 
 
     <a href="mailto:[email protected]" style="color:#ffffff">[email protected]</a></h5> 
 
     <h5><strong>Jamie Guerra</strong><br> 
 
      +61 418 849 780<br> 
 
<a href="mailto:[email protected]" style="color:#ffffff"> [email protected]</a></h5> 
 
     <h5><strong>Roger Klem <br> 
 
      </strong>+61 423 919 373<br> 
 
     <a href="mailto:[email protected]" style="color:#ffffff"> [email protected]</a> 
 
     <br> 
 
     <br> 
 
     <strong>INTERNATIONAL</strong><br> 
 
      <strong>Stuart McCann<br> 
 
      </strong>+65 8522 1031<br> 
 
     <a href="mailto:[email protected]" style="color:#ffffff"> [email protected]</a></h5></td> 
 
     <td valign="top" bgcolor="#201545" style="color: #2BACE2; padding-left: 15px;"><img src="KnightFrank_LR.png" alt="KnightFrank" width="108" height="54"/> 
 
     <h5><strong>Guy Bennett<br> 
 
      </strong>+61 418 808 548<br> 
 
      <<a href="mailto:[email protected]" style="color:#ffffff"> [email protected]</a></h5> 
 
     <h5><strong>Lukas Weeks</strong><br> 
 
      +61 434 957 537<br> 
 
    <a href="mailto:[email protected]" style="color:#ffffff"> [email protected]</a></h5> 
 
     <h5><strong>James Parry</strong><br> 
 
      + 61 408 553 000<br> 
 
<a href="mailto:[email protected]" style="color:#ffffff"> [email protected]</a> 
 
<br> 
 
<br> 
 
<strong>INTERNATIONAL</strong><br> 
 
    <strong>Neil Brookes<br> 
 
    </strong>+65 8309 4985<br> 
 
<a href="mailto:[email protected]" style="color:#ffffff"> [email protected]</a></h5></td> 
 
     </tbody> 
 
</table></tr> 
 
</body> 
 
</html>

이이 섹션의 2 열/세포이며, 둘 다 (누락 된) 로고와 그 위에있는 텍스트 사이에 큰 격차로 앉아 있고 그것을 닫는 방법을 알아낼 수 없습니다 ... 도와주세요! 감사합니다.

P.S. 최상위 코드는 끝이 아닙니다. 하지만 충분한 질문이 아니라 "너무 많은 HTML"이었기 때문에 나는 나머지를 보여줄 수 없었습니다 ...

+0

귀하의 CSS와 HTML을 분리하는 것이 좋습니다. 그 동안 문제를 시각적으로 볼 수 있도록 코드 스 니펫을 만드십시오. –

+0

덕분에 덕크, 여기 새로 왔어. 내가 할 수 있다는 것을 몰랐어. 그래서 좀 더 사용자 친화적 인 내 게시물을 업데이 트했습니다 ... 조금 더 의미가 지금은 누군가가 아마도이 격차를 받고 오전으로 일부 빛을 비추 수 있기를 바랍니다 !! – AngelStar

+0

잘 했어! 이제 우리는 더 많은 것을 볼 수 있습니다 :) –

답변

-1

우선, 이것은 테이블을 사용하는 방법이 아닙니다! W3Schools Tables Link

두 번째로, 각 전자 메일 필드 다음의 공백은 h5 태그의 여백입니다. 모든 데이터가 h5 태그로 묶여 있는지 확인하십시오. 그것들은 상단 - 하단 여백을 제공합니다. 제거하여 효과를 확인하십시오. td 태그에 개별 항목을 래핑하지 않기 때문에 이러한 "셀"을 호출 할 수 없습니다.

또한 테이블을 닫지 마십시오. 에서

매우

이 & 이후와 그 이전에해야한다 끝 -

+0

고마워요, 이건 완전한 HTML이 아니에요. 제게 많은 것을 포함시키지 않을 것입니다 ... 그래서 나는 그것이 가능한만큼 많이 포함 시켰습니다 ... – AngelStar

+0

테이블은 더 이상 닫혀 있습니다. 코드를 내려 ... 그리고 내가 겪고있는 문제는 이메일 주소와 이름이 아닌 ... 그들이 내가 원하는 방법입니다. ... 내가 가지고있는 문제는 바로 위에 로고입니다. 코드 블록 : 'code'

JLL
'코드' 실제로 2 개의 셀 행 사이에 있습니다. 상단은 2 개의 열에 걸쳐 있고 그 아래에는 2 개의 열이 있습니다. – AngelStar

0

나는 답을 가지고있다.

간단합니다. 그것을 앞뒤로 바꿨고 모두 고쳤다!