Outlook HTML Newsletter - seltsame "linien"?

Ich bastel in HTML mit CSS Newsletter.

Outlook "Zeichnet" aber immer mal wieder leichte graue linien an ende von Tabellen.

Hat wer ähnliche Probleme?

Bild zum Beitrag

5 Antworten

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, CSS

22.01.2019, 10:37

Outlook beherrscht CSS nur rudimentär, da es die Rendering Engien von WORD benutzt. Sinnvoll(er) ist da evtl., Deinen Newsletter in HTML 4.2 zu verfassen.

Woher einzelne Darstellungsfehler kommen, kann man Dir natürlich nur dann sagen, wenn man Deinen Quelltext kennt. Leuchtet ein, oder?

Alex

quinni2mobile

Fragesteller

22.01.2019, 13:54

ja. Ich kann halt schlecht meine HTML datei hier stellen. müsste erstmal dummy Elemente erstellen damit es "Generisch" ist

EinAlexander

22.01.2019, 13:56

@quinni2mobile

Ich kann halt schlecht meine HTML datei hier stellen.

und ich kann halt schlecht helfen, wenn ich weder HTML noch CSS kenne.

quinni2mobile

Fragesteller

22.01.2019, 14:15

@EinAlexander

https://we.tl/t-ho9828HOSc

EinAlexander

22.01.2019, 14:22

@quinni2mobile

Kontrolliere, ob Du bei allen <table>-Elementen den Attributen cellspacing und cellpadding den Wert 0 zugeordnet hast. In Zeile 129 ist das nämlich nicht so, da schreibst Du:

<table width="76%" class="body" align="center" border="0">

Alex

quinni2mobile

Fragesteller

24.01.2019, 11:05

@EinAlexander

Bringt auch nichts. Die Linien sind weiterhin da.

quinni2mobile

Fragesteller

24.01.2019, 11:12

@quinni2mobile

Ich habe so recherchiert das es was mit <td> vermutlich zu tun hat

GanMar

Nutzer, der sehr aktiv auf gutefrage ist

im Thema CSS

22.01.2019, 10:23

Da müßte man mal in den Quelltext - sowohl html als auch css - sehen.

MooKuh

22.01.2019, 21:17

Das ewige Problem, dass es zig verschiedene clients und Dienste gibt, die alle etwas besonderes haben. Ich kenne nur die Möglichkeit es relativ sicher überall gleich zu haben, dass man den Newsletter als <table> aufbaut und auf grundlegendes CSS zurückgreift. Ein bisschen wie die Websiteerstellung in den frühen 2000ern.

Woher ich das weiß:eigene Erfahrung

NIghteyes

22.01.2019, 10:35

Outlook ist was HTML Templates angeht echt im Mittelalter stehen geblieben. Wenn du wirklich für Outlook ein perfektes Template erstellen willst dann musst du "inline-css" verwenden. Leider interpretiert "Outlook" externes CSS nicht sehr gut.

EinAlexander

22.01.2019, 10:38

Leider interpretiert "Outlook" externes CSS nicht sehr gut.

Outlook interpretiert "internes" CSS exakt gleich gut/schlecht wie "externes" CSS.

quinni2mobile

Fragesteller

22.01.2019, 13:56

@EinAlexander

jap. ES gibt eben nur massive beschränkungen. Das Lustige ist das Outlook für MAC fortschrittlicher ist als Outlook for Windows. For MAc stellt sogar Mails Resposive dar.

NIghteyes

30.01.2019, 14:56

@quinni2mobile

Ok - interpretieren ist der falsche Ausdruck. Meistens werden bei Outlook externe Inhalte einfach blockiert. Demnach um Outlook konform zu bleiben inline css verwenden

quinni2mobile

Fragesteller

02.02.2019, 10:01

@NIghteyes

Ich Binde keine externen Ressourcen ein. CSS ist im Header und Inline wo nötig.

Das Problem welches ich habe konnte ich bis heute nicht lösen.

Was ich aber herausgefunden habe oft, das es anscheinend irgendwas mit den Tabellen zu tun haben muss. Ein Render/rechen Problem beim schließen der Tabellenzeile </ td >

Hier "zeichnet" Outlook ohne jeden Grund eine Linie im bottom.

Does Ereignis kann ich aber nicht verstehen.

Ändere ich die Struktur (mehr Tabellen, weniger Tabellen) dann sind diese Linien entweder mitgesendete oder an anderen Stellen.

Immer wieder anders

RakonDark

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

22.01.2019, 10:19

das sind schatten , liegt vielleicht am theme oder soll einfach etwas hübscher wirken .

das css cascadiert , kannste ja versuchen schadow etc auf 0 zu setzen

quinni2mobile

Fragesteller

02.02.2019, 10:01

Nein. Sind es nicht.

RakonDark

02.02.2019, 13:11

@quinni2mobile

na warum fragst du denn wenn du es weißt. es ist jedenfals ein schatten , wohl eher dann der oldscool teil mit verschobenen rahmen (quadrat). das ist so style der 90er

Ähnliche Fragen

Border-Radius in Tabellen ohne CSS?

Hi zusammen,

die Frage ist mir zwar etwas peinlich, aber ich bekomme es nicht gelöst und brauche mal eure Hilfe.

Weiß jemand wir man die Ecken einer Tabelle abgerundet bekommt, ohne dafür css zu verwenden?

Ich habe nämlich folgendes Problem:

Ich versuche, ein neues Email-Template zu bauen. Leider werden je nach E-Mailprogramm einige CSS Befehle nicht erkannt (Outlook). Da ich nicht mit Bildern arbeiten möchte, suche ich hierzu eine „reine HTML-Lösung“.

oder:

Wenn jemand, weiß wie man Outlook dazu bringen kann auf Border-Radius (css) zu reagieren, nehme ich auch gerne jeden anderen Vorschlag an ^^

Lieben Dank schon mal 😊

<table class="emailTable">
    <tr class="firstTR">
        <td>1</td>
        <td>2</td>
     </tr>
</table>

...zur Frage

html und css. Wie bekomme ich den grauen Balken weg?

Hallo, ich bin grad dabei mir ein Drop-Down-Menu zu erstellen jedoch erschien dieser graue Balken. Weiß jemadn wie ich den wegbekomme?

CSS https://gyazo.com/cd2ebf1135d8e9a75b03a69cff41d84b

Anderer Link ist in der Antwort, wird sonst als Spam interpretiert

Also die blauen Balken sind gewollt.

...zur Frage

Tolino kaputt, was nun?

Hallo Leute, es ist was schlimmes passiert. Mir ist gerade eben mein Tolino Vision 3HD runtergefallen und lässt sich nicht mehr anschalten. Das Display zeichnet leichte und hellgraue Streifen auf dem "Tolino schläft" Bildschirm auf und eine graue Fläche ist in der Ecke unter links zu sehen... Wenn ich den Einschaltknopf drücke, passiert gar nichts, der Bildschirm bleibt unverändert...

Jetzt habe ich ein dickes Problem. Wir kann den Fehler beheben (wenn er zu beheben geht) und wie soll ich meinem Vati das beibringen, da er viel Geld dafür bezahlt hat? HELFT MIR!!!

Schlechtes-Gewissen- Grüße von BlackGirly13 :-(

...zur Frage

Webseite mit HTML/CSS/JS oder doch mit Wordpress erstellen? Vor- und Nachteile?

Hey Leute,

Ich hab bereits fortgeschrittene Kenntnisse in HTML, CSS und JS durch die Schule und weil ich es früher selbst ziemlich interessant fand. Dementsprechend bin ich auch in der Lage, damit eine leichte Webseite nach meinen Konzepten aufzustellen.

Auf der anderen Seite habe ich allerdings auch immer gutes von Wordpress gehört und weiß, dass es nicht so schwer ist, Wordpress zu lernen.

Bei der Webseite handelt es sich mehr um eine informative Webseite, auf der sich Nutzer über ein Thema interessieren können. D. h. kein Blog mit einloggen und auch nichts in Richtung Online-shop.

Die Frage ist jetzt, ob mir fortgeschrittene HTML/CSS/JS Kenntnisse reichen und was daran besser als Wordpress ist? Wo hat man mit SEO bessere Chancen? Muss ich noch sehr viel lernen, um mit HTML/CSS/JS eine professionelle Webseite aufzubauen und vor allem lohnt sich das? Oder ist Wordpress auch sehr empfehlenswert?

...zur Frage

HTML/CSS Hintergrund "festhalten"?

Hey,

Ich bin gerade dabei ein Forum zu programmieren, und nehme mir ein Vorbild an http://forum.diesesforum.de/index.php Man muss sich glaube registrieren damit man das gut sehen kann.

Aber ich wollte mal fragen, wie ich es schaffe, das dieser Graue Hintergrund beim Scrollen nicht mitkommt sondern da bleibt, also das der Header und der Boty und Footer sozusagen dadrüber fliegen.

Danke im Vorraus

...zur Frage

Zahlenrad in HTML erstellen?

Hallo,

ich würd gern solche Zahlenräder wie hier:

https://www.grundschulkoenig.de/fileadmin/_processed_/6/8/csm_zahlenraeder_zr20_1_2258043463.jpg

so einfach wie möglich irgendwie in HTML erstellen, dass man die Zahlen danach noch ändern kann und das nicht einfach als komplette Grafik inklusive Zahlen woanders erstellt und dann einfügt? Die einzige Möglichkeit, die ich jetzt wüsste, wäre das Rad an sich als Grafik in den Hintergrund einer Tabelle zu legen, die davor liegt, und in der man an passender Stelle dann die Zahlen einträgt. Aber erstens ist das glaub ich eher ne amateurhafte Variante und zweitens hab ich die Befürchtung, dass sich da möglicherweise ungewollt auch viel verschieben kann.

Gibt es da irgendeine bessere Möglichkeit? Mit CSS etc. kenn ich mich leider nicht groß aus und dafür, wofür ich es brauche, ist das glaub ich auch nur bedingt verwendbar. Höchstens es hätte jemand ne ähnliche Vorlage und ich könnte mal ausprobieren, ob das dort geht.

Wäre dankbar für ne Hilfe :)

...zur Frage

Kaum Erfahrung nach der Ausbildung zum Fachinformatiker für Anwendungsentwicklung. Tipps für die Zukunft?

Hallo zusammen :),

ich habe Anfang des Jahres meine Ausbildung zum Fachinformatiker für Anwendungsentwicklung erfolgreich bestanden. Leider erhalte ich trotzdem Absagen aufgrund mangelnder Praxiserfahrung.

Zu meinem Werdegang:

Ich habe zunächst eine Ausbildung zum Technischen Produktdesigner absolviert und danach erfolgreich in einem Unternehmen gearbeitet. Leider wurde ich aufgrund der Corona-Pandemie, bei der mehr als die Hälfte der Mitarbeiter entlassen wurde, ebenfalls gekündigt.

In den darauf folgenden Monaten habe ich mich beworben, jedoch aufgrund der Pandemie viele Absagen erhalten, da Unternehmen aufgrund von finanziellen Schwierigkeiten einen Einstellungsstopp hatten.

Nach Rücksprache mit dem Arbeitsamt erhielt ich einen Bildungsgutschein für eine Umschulung zum Fachinformatiker für Anwendungsentwicklung.

Im ersten Jahr der Umschulung lief alles gut, ich bestand die Abschlussprüfung Teil 1 (früher Zwischenprüfung) mit der Note 2.

Im zweiten Jahr begannen die Probleme. Die Dozentin kündigte, das Umschulungsunternehmen fand keinen Ersatz, und ich erhielt weder Lernmaterial für die IHK-Prüfungen noch wurde mir Theorie vermittelt. Stattdessen wurden Udemy-Kurse angeboten, die zwar nützlich waren, aber nicht ausreichend für die Abschlussprüfung.

Das Ergebnis war, dass ich die Abschlussprüfung aufgrund fehlenden Wissens nicht bestand.

Nach der Abschlussprüfung endete die Umschulung. Um zur Wiederholungsprüfung zugelassen zu werden, setzte die IHK voraus, dass man ein Unternehmen findet, in dem man das Projekt für die Abschlussprüfung erstellt. Nach erfolgloser Suche fand ich schließlich ein Unternehmen, welches mich als Azubi im 3. Lehrjahr eingestellt hat. Jedoch wurde ich während des Jahres in dem Unternehmen nicht ausgebildet, sondern eher als "billige Arbeitskraft" für anderweitige Aufgaben eingesetzt, abseits des Programmierens.

Mein Ausbilder war wenig hilfreich, da er selbst vor vielen Jahren über eine Umschulung zum Fachinformatiker in das Unternehmen kam und nach der Umschulung übernommen wurde, jedoch nicht als Entwickler, sondern als EDV-Mitarbeiter, der Serienbriefe usw. erstellt. Da er viele Jahre nicht mehr aktiv entwickelt hatte, konnte er mir auch nicht helfen. Daher habe ich mir eigenständig C# und WinForms angeeignet, da der Ausbilder nur Wissen in dem Bereich hatte und die Anwendungen, wenn sie gewartet werden sollten, von ihm bearbeitet werden sollten.

In der Berufsschule holte ich mir Hilfe, um die Abschlussprüfung erfolgreich zu bestehen.

Nun stehe ich vor dem Problem, dass meine Bewerbungen als Junior Developer nur Absagen erhalten, oft ohne Begründung oder mit dem Hinweis, dass meine Erfahrung nicht ausreicht.

Ich überlege, ob ich meine Kenntnisse in C# .NET 8 vertiefen soll, um in den Webentwicklungsbereich zu wechseln, oder ob ich mit HTML, CSS, JavaScript, Bootstrap, React, Node.js anfangen soll, um ein Webentwickler zu werden. Eine andere Überlegung ist die Entwicklung von Smartphone-Apps.

Ich bewerbe mich weiter und absolviere nebenbei einen Udemy-Kurs für Web Developer, um HTML, CSS und JavaScript zu lernen. Zusätzlich lade ich alles auf GitHub hoch, um auch den Umgang mit Git zu üben. Im vorherigen Unternehmen wurde Git nicht genutzt, da die Meinung vorherrschte, dass es nur von "Hirnlosen" verwendet wird und es total unnötig sei. Auf meine anmerkung, dass Git unerlässlich ist, um sauber im Team arbeiten zu können oder eine Versionskontrolle zu haben, kam nur die Antwort: "Du arbeitest nicht im Team hier."

Meine Frage an euch Erfahrene Entwickler, die eventuell sogar selbst einen ähnliche Erfahrung gemacht haben, wie soll ich weiter vorgehen um meine Zeit bestmöglich zu nutzen.

Einige Ideen hätte ich:

Soll ich C# .NET 8 lernen und dann mit ASP.NET in den Webentwicklungsbereich einsteigen?
Oder sollte ich mit HTML, CSS, JavaScript, Bootstrap, React, Node.js anfangen, um Webentwickler zu werden oder Browser-Apps zu erstellen?
Oder doch eher Smartphone-Apps entwickeln?

Es wäre schön, wenn sich einige Entwickler aus den jeweiligen Bereichen melden und ihre Erfahrungen teilen könnten.

Ich bedanke mich im Voraus für eure Zeit und Antworten.

Ich wünsche allen einen schönen Tag! :-)

...zur Frage

Tabellarischen Lebenslauf mit HTML erstellen?

Ich würde gerne einen Lebenslauf mit Tabellen und nur mit HTML (also kein CSS) erstellen, aber weiß nicht wie. Könnte mir jemand erklären wie ich es machen kann, oder eine kleine Vorlage schreiben?

MfG

...zur Frage

Leichte computer sprachen?

Guten Tag!

Ich wollte ein paar Programmier Sprachen lernen und bin grade an HTML dran ich will HTML ganz gut können und danach eine Programmier Sprache lernen vielleicht css oder c# hättet ihr tips wie ich am besten lerne oder was ich lernen soll?

...zur Frage

Wie zeichnet man eine Senkschraube M10x35?

Hallo zusammen,

ich muss in Konstrunktionsübungen eine technische Zeichnung von einer Senkschraube mit Schlitz M10x35 im Durchgangsgewinde, von oben verschraubt zeichnen. Ich verstehe nur nicht wo ich heraus lesen könnte wie groß dieser Abstand zwischen diesen beiden Linien ist (anbei das Foto 1 ansehen). Bis jetzt habe ich folgendes gezeichnet (Foto 2) und habe all diese Werte aus den folgenden Tabellen entnommen (Foto 3 und 4). Falls ihr die komplette Angabe sehen wollt, könnt ihr sie bei Foto 5 sehen.

Könnt ihr mir bitte auch sagen, ob es richtig ist was ich bis jetzt gezeichnet habe.

aus Wien

...zur Frage

SQL Abfrage über mehrere Tabellen?

Hallo, ich brauche Hilfe bei dieser SQL Abfrage:

SELECT * FROM excel WHERE titel like '%verweis%' or tags like '%verweis%' GROUP BY titel;

Mein Problem ist, dass ich nicht nur die Tabelle "excel" durchsuchen möchte sondern auch css, html, word und mir diese ausgeben möchte. Wenn ich die Tabellen mit einem Beistrich hintereinander schreibe kommt ein Fehler. ( im Internet gelesen)

Ausführung wurde mit Fehlern beendet.

Ergebnis: ambiguous column name: titel

In Zeile 1:

SELECT * FROM excel, css WHERE titel like '%verweis%' or tags like '%verweis%' GROUP BY titel;

Meine Tabellenstruktur (SQLite DB):

Danke im voraus

...zur Frage

linien entfernen?

zwischen denn button sind so kleine linien. wie kan man die enfernen?

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="fontawesome-free-6.4.2-web/css/brands.css">
    <link rel="stylesheet" href="fontawesome-free-6.4.2-web/css/all.min.css">
    <link rel="stylesheet" href="fontawesome-free-6.4.2-web/css/brands.min.css">
    <link rel="stylesheet" href="fontawesome-free-6.4.2-web/css/fontawesome.css">
    <link rel="stylesheet" href="fontawesome-free-6.4.2-web/css/fontawesome.min.css">

    <title>Document</title>
</head>
<body>
    
    <div class="container">
        <h1>Homepage</h1>
        <a href="https://youtube.com">
            <button class="youtube"><i class="fa-brands fa-youtube"></i> YouTube</button>
        </a>
        <a href="https://discord.com/channels/@me">
            <button class="discord"><i class="fa-brands fa-discord"></i> Discord</button>
        </a>
        <a href="https://github.com">
            
            <button class="github"><i class="fa-brands fa-github"></i> Github</button>
        </a>
    </div>



    
</body>
</html>

style.css

body {
background-image: url(background.jpg);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}

.container {
background-color: rgb(136, 127, 127);
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
text-align: center;

}

.youtube {
    align-self: center;
    background-color: #f44336;
    font-size: 20px;
    padding: 14px 40px;
    border-radius: 8px;
    color: black;
    border: 2px solid black;
}

.discord {
    background-color: #738adb;
    font-size: 20px;
    padding: 14px 40px;
    border-radius: 8px;
    color: black;
    border: 2px solid black;
}

.github {
    background-color: #495057;
    font-size: 20px;
    padding: 14px 40px;
    border-radius: 8px;
    color: black;
    border: 2px solid black;
}

...zur Frage

wie ändert man die Linkfarbe per html ohne css

Ich erstelle gerade einen Newsletter, dafür kann man so gut wie kein CSS nutzen, wie kann ich die Linkfarbe eines Links ändern und dafür sorgen, dass er nicht unterstrichen ist.

danke

...zur Frage

linkfarbe ändern , nur html! ohne csss oder javascript?

Ich baue gerade eine newsletter und will die Farbe der Links in schwarz haben wie der text. Kann man das für das ganze Dokument regeln ohne CSS?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen