Leerzeichen unter td tag

Ich bin mit dem Grundrahmen für die E-MailsLeerzeichen unter td tag

Ich habe ein Test Page. Genau unter dem Bild des Waschbären, gibt es einen Leerraum, den ich entfernen muss, also gibt es nur das Bild. Ich stelle eine Höhe von 250px ein, was das Bild ist. Ich schaute durch meine CSS, um zu sehen, ob etwas Polsterung dies getan hat. Aber ich habe nichts gefunden.

Die Stiftung hat eine Menge von CSS, also machte ich ein fiddle:

Kann jemand sehen, warum es eine weiße Linie ist?

Relevante HTML

<table class="row background-color__yellow"> 
    <tr> 
    <td class="center" align="center"> 
     <center> 
     <table class="container"> 
      <tr> 
      <td class="wrapper last"> 
       <table class="twelve columns background-color__yellow"> 
       <tr> 
        <td style="padding-top: 30px;"> 
        <h3 class="headline">Kære flet[navn] flet[efternavn]</h3> 
        <br/> 
        <span>Tak for din reservation på [Flet. Har du spørgsmål, er du velkommen til at kontakte os. Vi har åbent alle hverdage mellem kl. 8.30 og kl. 16.00. 
        </span> 
        <br><br> 
        <span> 
         Vi ønsker dig et rigtig dejligt ophold 
        </span> 
        <span>Med venlig hilsen</span> 
        <br/> 
        <span>Name</span> 
        <br/><br/> 
        <span>[flet if/else statement] PS: Det er gratis at blive medlem af vores gæsteklub, hvor du optjener point på ophold og får adgang til et væld af gode tilbud. </span> 
        <br/><br/> 
        <span>[flet]<a href="https://www.google.dk/benefits/login/">Klik her for at læse mere og tilmelde dig</a></span> 
        <br/><br/> 

        </td> 
       </tr> 
       </table> 
      </td> 
      </tr> 
     </table> 
     </center> 
    </td> 
    </tr> 
</table>

Quelle

2017-02-08 Ne Kr

Fügen Sie vertical-align: middle zu der a hinzu, die die img einwickelt.

JSFIDDLE

Ich habe eine Klasse zu diesen remove-space, und ich habe es in der ersten Zeile der CSS-Stil genannt a hinzugefügt.

Quelle

2017-02-08 12:43:55 sol

Vielen Dank für die Antwort. Dieser passt sehr gut zu mir, also werde ich deinen akzeptieren. Freundliche Grüße. –

Willkommen, froh, dass es geholfen hat. – sol

Setzen Sie ein style="line-height:0"
Im oberen <td> des Bildes und lassen Sie mich, wenn Werke kennen. Prost.

Quelle

2017-02-08 12:42:34 Roy

Vielen Dank für die Antwort, löste das Problem zu. Ich wähle eine Klasse auf der a href wie ovokuro vorgeschlagen. –

Nice !, machen Ovokuro die richtige Antwort! Prost – Roy

Der Raum kommt von hier:

body, table.body, p, td, th { 
font-size: 16px; 
line-height: 0.8; 
}

Quelle

2017-02-08 12:44:10 sneha

einfach eine Klasse für td hinzufügen und Zeilenhöhe von

td entfernen

<html> 
    <td class="remove_space"> 
     <a href="https://www.google.dk" target="_blank"> 
      <img width="500" height="250" src="http://animalhumanhealth.com/wp-content/uploads/2016/07/racoon1.png" alt="test"></a> 
    </td> 
</html> 


<style> 

table.twelve td.remove_space { 
line-height: 0; 
} 

</style>

Quelle

2017-02-08 12:44:48 Arun

Während dieses Code-Snippet die Frage lösen kann, einschließlich einer Erklärung von * wie * und * warum *, löst dies das Problem [würde wirklich helfen] (// meta.stackexchange.com/q/114762), um die Qualität Ihres Posts zu verbessern . Denken Sie daran, dass Sie die Frage für Leser in der Zukunft beantworten, nicht nur die Person, die jetzt fragt! Bitte [bearbeiten] Sie Ihre Antwort, um eine Erläuterung hinzuzufügen und geben Sie an, welche Einschränkungen und Annahmen gelten. –

Entfernen Sie die display: inline-block CSS-Eigenschaft für das Anker-Tag das Bild umgibt.

Quelle

2017-02-08 12:52:15

Leerzeichen unter td tag

Antwort

Verwandte Themen