2013-06-06 6 views
0

나는이 문제를 해결하기 위해 인터 웹의 모든 구석을 조사했다고 생각합니다. 나는 전반적으로 유사한 이슈를 발견했지만 솔루션 중 어느 것도 나를 위해 일하지 않았다. (그 중 하나, 또는 나는 뭔가를 놓치고 있어야한다).HTML 표에서 흰색 가로선을 제거하는 방법

테이블 레이아웃으로 이메일 캠페인을 만들고 있습니다. FF, Chrome 및 IE에서는 모두 멋지지만 Outlook 2010에서 테스트 할 때 페이지의 주 테이블에있는 2 개의 TR 사이에 가로줄이 나타납니다.
참고 :

아래 2 개 거래 정보 저장소를 준수하십시오

<body> 
<table width="100%"> 
    <tr> 
     <td> 
      <table width="700" style="background-color: #ecebeb; border: solid maroon 2px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" align="center" > 
       <tbody> 
        <tr > 
         <td> 
          <table width="100%" style="background-color: #ffffff; font-family: arial,helvetica,sans-serif; font-size: 16px; color: #000000"> 
           <tr> 
            <td width="70%" cellpadding="10px" height="85"> 
             <img src="http://www.codegroup.com.au/images/Introduction%20Newsletter/CodeGroup_Logo_small.png"> 
            </td> 
            <td width="30%" style="text-align: right" height="85"> 
             Building Certifiers<br> 
             Building Surveyors<br> 
             Access Auditors<br> 
            </td> 
           </tr> 
          </table> 
         </td> 
        </tr> 
        <tr> 
         <td style=" padding-left: 10; padding-right: 10; padding-top: 10; font-family: arial,helvetica,sans-serif; font-size: 14px; color: #000000"> 
          <strong> 
          If you're designing or building, you need a Building Certifier<br> 
          CODE Group are specialist commercial Building Certifiers, Surveyors and Access Auditors. 
          </strong> 
          <hr> 
         </td> 
        </tr> 
        <tr> 
         <td style="padding-left: 10; padding-right: 10; font-family: arial,helvetica,sans-serif; font-size: 13px; color: #000000"> 
          We offer a comprehensive range of professional services which integrate the concept, design, approval 
          and project completion for the property and construction industry.<br><br> 
          We understand the practical demands of the construction industry and make every effort to assist our client 
          in finding solutions to compliance problems.<br><br> 
          Each project is approached with integrity and professional confidence to deliver the best possible solutions and 
          premium service to our clients.<br><br> 
          We understand the urgency of your project and that it can’t move forward unless we do our part so we contact 
          you at times during our assessment to let you know how it is progressing. <br><br> 
          <i><center>"Our mission is to manage risk for our clients in design and construction to ensure they meet 
          statutory<br>obligations whilst achieving project objectives and outcomes" </i></center> 
          <hr> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          <table width="100%"style="font-family: arial,helvetica,sans-serif; font-size: 13px; color: #000000"> 
           <tr> 
            <td width="50%" align="left" style="text-align: left; padding-left: 25;" valign="top" > 
             <b>BUILDING CERTIFIERS</b><br><br> 
             Design Certification: <br> 
             Certificate of Design Compliance<br><br> 
             Construction Certification: <br> 
             Certificate of Construction Compliance<br><br> 
             Permit Coordination: <br> 
             Building Permit & Occupancy Permit<br> 
            </td> 
            <td width="50%" align="right" style="text-align: right; padding-right: 25" valign="top" > 
             <b>BUILDING CONSULTANTS</b><br><br> 
             Preliminary Review & Report of Schematic Plans<br> 
             Access Audits, Appraisals & Consulting<br> 
             Due Diligence Inspections & Reports<br> 
             Building Audits for Benchmark Compliance<br> 
             Expert Building Code Advice<br> 
             Fire Engineering Advice<br> 
            </td> 
           </tr> 
          </table> 
          <br> 
          <table width="100%" style="font-family: arial,helvetica,sans-serif; font-size: 13px; color: #000000"> 
           <tr> 
            <td width="38%" valign="bottom" style="padding-left: 25;"> 
             <b>OUR SPECIALTIES</b><br><br> 
             Multi Residential Towers<br> 
             Hotel & Serviced Apartments<br> 
             Education Buildings<br> 
             Mixed Use Buildings <br> 
            </td> 
            <td width="38%" valign="bottom"> 
             Hospitals & Healthcare Buildings<br> 
             Aged Care Developments<br> 
             Shopping Centres<br> 
             Office Buildings<br> 
            </td> 
            <td width="28%" valign="bottom"> 
             Office & Retail Fitouts<br> 
             Industrial Buildings<br> 
             Sports Stadiums<br> 
             Mining Projects<br> 
            </td> 
           </tr> 
          </table> 
         </td> 
        </tr> 
        <tr> 
         <td style="padding-left: 10; padding-right: 10; font-family: arial,helvetica,sans-serif; font-size: 13px; color: #000000" > 
          <br> 
          <b>Who we are</b><br><hr> 
          <p>CODE Group is made up of an established team of experienced members who have over 80 years building 
          industry experience in Perth, the north-west of WA and interstate. CODE Group's teamwork is our strength.<br><br></p> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          <table width="100%" > 
           <tr> 
            <td width="53%"> 
            <img src="http://www.codegroup.com.au/images/Introduction%20Newsletter/Team-Photo_no-corners.png" align="right">       
            </td> 
            <td width="47%" style="padding-left: 10; padding-right: 10"> 
             <table style="font-family: arial,helvetica,sans-serif; font-size: 13px; color: #000000"> 
              <tr><td>Gary Cox</td><td>Managing Director</td></tr> 
              <tr><td>Wayne Chant</td><td>Co-ordinating Building Surveyor</td></tr> 
              <tr><td>Paul da Costa</td><td>Senior Building Surveyor</td></tr> 
              <tr><td>Tanya Scarce</td><td>Building Surveyor</td></tr> 
              <tr><td>Kelly Hudson</td><td>Building Surveyor</td></tr> 
              <tr><td>Alison Shiels</td><td>Access Auditor</td></tr>       
              <tr><td>Antonia Yakubova&nbsp;&nbsp;</td><td>Office Manager</td></tr>        
              <tr><td>Linda Marr</td><td>Accounts Manager</td></tr>        
             </table> 
            </td> 
           </tr> 
          </table>        
         </td> 
        </tr> 
        <tr> 
         <td align="right" style="padding-right: 10; padding-left: 10; font-family: arial,helvetica,sans-serif; font-size: 14px; color: #000000">  
          <b>Our Projects</b><hr> 
         </td> 
        </tr> 
        <tr> 
         <td align="middle" cellspacing="0" cellpadding="0"> 
          <table> 
           <tr> 
            <td width="33%" style="padding-left: 20; font-family: arial,helvetica,sans-serif; font-size: 13px; color: #000000" valign="top"> 
             20 Storey Mixed Use Hotel<br> 
             Murray Street, Perth<br><br> 

             3 Storey Mixed Use Apartments<br> 
             215 Hay Street, Subiaco<br><br> 

             Point Fraser Entertainment Centre<br> 
             4500sqm, East Perth Foreshore <br><br> 

             Observations City Refurbishment<br> 
             Scarborough Beach 
            </td> 
            <td width="33%" valign="top" style="padding-left: 20; font-family: arial,helvetica,sans-serif; font-size: 13px; color: #000000"> 
             Heritage Conversion<br> 
             307 Murray Street, Perth<br><br> 

             Bidvest Distribution Centre<br> 
             107,000 cu/m Warehouse<br><br> 

             Joondalup Square<br> 
             13,000sqm Retail Showrooms 
            </td> 
            <td width="33%" valign="top" style="padding-right: 20; font-family: arial,helvetica,sans-serif; font-size: 13px; color: #000000"> 
             6 Storey Mixed Use Building<br> 
             Wexford Street, Subiaco<br><br> 

             Fitout of Council House<br> 
             Level 1 & Basement, Perth<br><br> 

             Veil Offices, 4 Storey offices<br> 
             Over existing 2 Storey Carpark<br> 
             253 St. Georges Terrace, Perth<br> 
            </td> 
           </tr> 
          </table> 
         </td> 
        </tr> 
        <tr> 
         <td width="100%" align="middle" valign="top" cellspacing="0" cellpadding="0"> 
          <img style="display:block;" src="http://www.codegroup.com.au/images/Introduction%20Newsletter/Introduction2_image_stack2.png"> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          <table width="100%" style="background-color: #ffffff; font-family: arial,helvetica,sans-serif; font-size: 14px; color: #000000"> 
           <tr> 
            <td width="50%" valign="bottom" style="padding-left: 10" height="80"> 
             CODE Group<br> 
             7 First Avenue<br> 
             Applecross WA 6153 
            </td> 
            <td width="50%" valign="bottom" align="right" style="padding-right: 10" height="80"> 
             08 9316 8111<br> 
             PO Box 1232<br> 
             Canning Bridge WA 6153<br> 
             www.codegroup.com.au 
            </td> 
           </tr> 
          </table> 
         </td> 
        </tr>  
       </tbody> 
      </table> 
     </td> 
    </tr> 
</table> 

답변

1

가 수평 화이트 라인이 가장 가능성이 당신이 가지고있는 이미지에서 오는 : 나는 전체 코드를 포함하는이 질문을 편집 한 두 번째 줄에. img에 인라인 스타일을 설정

봅니다 ... 전형적으로 돌봐

<img style="display:block;" src="http://www.codegroup.com.au/images/Introduction%20Newsletter/Introduction2_image_stack2.png" /> 

display:block;해야합니다.

또한 원래 질문을 올렸을 때 오타가 아닌지 확실하지 않지만 두 번째 tr의 첫 번째 td 요소가 제대로 닫히지 않았습니다. 첫 번째 tr에도 td이 하나만 있으므로 요소를 없애거나 첫 번째 행의 tdcolspan=2을 추가 할 수 있습니다.

+0

불행히도 display : 블록이 도움이되지 않습니다. 나는 Outlook에서 작동하지 않는다는 것도 읽었습니다. 또한 예, 그것은 오타였습니다. 단지 두 번째 TR에 하나의 TD가 있어야합니다. :) 제 문제에 대한 해결책 이었으면합니다. – Antonia

+0

'style = "border-collapse : collapse; mso-table-lspace : 0pt; mso-table-rspace : 0pt;' – fletch

+0

아니, 그러나 나는 주 테이블 경계에서 한 것을 좋아한다. 그 덕분이다. 어쨌든, 나는 방금 Oulook이 국경을 좋아하지 않는다는 것을 읽었다. 메인 테이블 스타일에 경계선이있다. 태그를 제거했을 때 화이트 라인이 두 개의 TR 사이에서 사라졌습니다. 그래서 문제가 시작되는 곳을 알았지 만, 이제는 전체 테이블 주위에 테두리를 가질 수 없다는 것을 의미합니까? – Antonia

관련 문제