thi85: Rahmen um Tabelle - Newsletter

Beitrag lesen

Guten Morgen zusammen,

ich plane derzeit einen Newsletter den ich ganz simpel in einer Tabelle erstellt habe (Text und Bilder). Mein Grafiker wünscht sich jedoch um den Newsletter (Tabelle) einen abgerundeten Rahmen. Ist das irgendwie möglich oder wie lässt sich so etwas am einfachsten umsetzen. Um eure Hilfe wäre ich sehr dankbar!

Hier der HTML-Code:

<html>
<head>
<style type="text/css">
h1 { color:#ff0099; font-size:10pt; font-family:Helvetica,Arial,sans-serif; font-weight:bold }
h2 { color:#000000; font-size:10pt; font-family:Helvetica,Arial,sans-serif; font-weight:bold }
h3 { color:#ff0099; font-size:9pt; font-family:Helvetica,Arial,sans-serif; font-weight:bold }
h4 { color:#000000; font-size:9pt; font-family:Helvetica,Arial,sans-serif; font-weight:bold }
h5 { color:#000000; font-size:9pt; font-family:Helvetica,Arial,sans-serif; font-weight:none }
</style>

<title>Herzlichen Glückwunsch Herr Mustermann</title>
</head>

<body>
<div align="center">
  <table border="0" style="border-collapse: collapse" bordercolor="#111111" width="600">
    <tr>
      <td colspan="5" width="600">
      <img border="0" src="SUT_Vcard_header.gif" width="600" height="143"></td>
    </tr>
    <tr>
    <td colspan="5" width="600">
    <h1>Herzlichen Glückwunsch Herr
    Mustermann!</h1><p></p>
    <h5>blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext</h5>
    </td>
    </tr>
    <tr>
    <td colspan="5" width="600">
    <a target="_blank" href="http://www.test.at">
    <img border="0" src="platzhalter_groß.gif" width="600" height="350"></a></td>
    </tr>
    <tr>
    <td colspan="5" width="600">
    <h4><br>
    <br>
    titel titel titel titel titel titel titel titel titel titel titel titel
    titel titel</h4>
    <h5>blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    <a target="_blank" href="http://www.test.at" style="text-decoration: none">
    </h5></a> </td>
    </tr>
    <tr>
    <td width="190">
    <a target="_blank" href="http://www.test.at">
    <img border="0" src="bild_kl.gif"align="left" width="190" height="160"></a></td>
    <td width="15">
     </td>
    <td width="190">
    <p align="center">
    <a target="_blank" href="http://www.test.at">
    <img border="0" src="bild_kl.gif" width="190" height="160"></a></td>
    <td width="15">
    <p align="center">
     </td>
    <td width="190">
    <p align="center">
    <font face="Arial" size="2">
    <a target="_blank" href="http://www.test.at">
    <img border="0" src="bild_kl.gif" align="right" width="190" height="160"></a></font></td>
    </tr>
    <tr>
       <td width="190"> </td>
    <td width="15"> </td>
    <td width="190">
     </td>
    <td width="15"> </td>
    <td width="190">
     </td>
    </tr>
    <tr>
       <td width="190"><h1>test test test</h1>
       <p>
    <h5>blindtext blindtext
    blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext
    <a style="text-decoration: none" target="_blank" href="http://www.test.at">
    >></a></h5></td>
    <td width="15"></td>
    <td width="190">
    <h1>test tst test</h1>
    <p><h5>blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext
    <a style="text-decoration: none" target="_blank" href="http://www.test.at">
    >></a></h5>
    </td>
    <td width="15"></td>
    <td width="190">
    <h1>
    test test test</h1>
    <p><h5>blindtext blindtext blindtext blindtext blindtext blindtext blindtext
    blindtext blindtext blindtext
    <a style="text-decoration: none" target="_blank" href="http://www.test.at">
   >></a></h5></p>
    </td>
    </tr>
    <tr>
    <td colspan="5" width="600"></td>

</tr>
    <tr>
    <td width="387" colspan="5"><h5>Schöne Grüße aus dem Bregenzerwald sendet Ihnen
    Ihr<br><br>test<br>
    test</h5></td>
    </tr>
    <tr>
    <td width="196"> </td>
    <td width="8"> </td>
    <td width="183" colspan="3"> </td>
    </tr>
    <tr>
    <td width="196">
    <a target="_blank" href="http://www.test.at">
    <img border="0" src="sut_button.gif" width="160" height="30" align="left"></a></td>
    <td width="8">
     </td>
    <td width="166">
    <p align="center">
    <a target="_blank" href="http://www.test.at">
    <img border="0" src="sut_button.gif" width="160" height="30"></a></td>
    <td width="188">
    <p align="center">
     </td>
    <td width="210">
    <p align="center">
    <a target="_blank" href="http://www.test.at">
    <img border="0" src="sut_button.gif" width="160" height="30" align="left"></a></td>
    </tr>
  </table>
</div>

</body>

</html>