newsletter.css

[Norbert001]

Hallo zusammen.

Ich brauche mal eure Hilfe.
Habe hier in der Seite

http://huth.webdesign-schmehl.de/online-newsletter/item/kundenzeitung.html

den Newsletter online, Newsletter erstellt mit Avisota 1.5.0 rc1.
Nun meine Fragen.

1.
Wie bekomme ich es hin, das die Bilder ganz oben und mittig zentriert sind?

2.
Wenn ich den Newsletter versende und in Outlook öffne sind die Bilder nur noch halb so groß und auch nicht mittig, warum.

Das mit dem Hintergrund habe ich ja hinbekommen.
Da ich aber css noch nicht so gut beherche komme ich hier nicht weiter.
Wer kann mir sagen was in der newsletter.css drin sein muß, damit es auch geht.

Gruß Norbert

[MiTsch]

Hallo Norbert001,

Da ich aber css noch nicht so gut beherche komme ich hier nicht weiter.

Du kannst zu Analyse der Zusammenhänge in deiner Webseite das kostenlose Addon Firebug für den Webbrowser Firefox benutzen.

Eventuell hilft Dir diesbezüglich auch dieses Tutorial weiter.

Was mir jedoch aufgefallen ist, als ich deinen Link geöffnet habe das die Seite recht groß gestalltet ist. Ich dachte zuerst in meinem Browser wäre unter Ansicht die Zoomeinstellung verändert.

Um die Seite lesen zu können muss man sogar horizontal scrollen, was sehr unschön ist. Ist dies so von Dir beabsichtigt?

Viele Grüße
MiTsch

[Norbert001]

Nein, ist nicht beabsichtigt.
Muß die Bilder noch verkleinern, breite ist 1241px
Aber erst mal Danke für die Hinweise.

Gruß Norbert

[tril]

Hallo Norbert,

wollen wir der Sache mal auf den Zahn fühlen.

Zuerst mal, was bezweckst du mit der Anweisung?

#wrapper {
bottom: -10px;
top: -10px;
position: relative;
}

Dann machst du folgendes, du hast 2 Tabellen verschachtelt (auch soweit ok),
- auf die äußerste Tabelle gibst du ein width="100%" align="center"
- bei der inneren Tabelle änderst du width="100%" in width="1000" ab (oder den endgültigen Breitenwert)

Das style="display: block; margin-left: auto; margin-right: auto;" von den Images nimmst du wieder raus.
Statt dessen setzt du auf das td class="body" ein align="center"

Grüße
Tristan

[Norbert001]

Hallo tril

Ich habe viel probiert, aber ein richtiges Ergebnis nicht bekommen.
Erst mal vielen Dank, ich schaue heute abend.

Danke

Gruß Norbert

[Norbert001]

Hallo Tristan.

Wie geht das?
Statt dessen setzt du auf das td class="body" ein align="center"
Wie muß ich den Selektor benennen?

Gruß Norbert

[Norbert001]

Hallo Tristan.

Würdest Du bitte hier noch mal schauen.

http://huth.webdesign-schmehl.de/online-newsletter/item/kundenzeitung.html

In der Mail vom Nesletter ist jetzt alles mittig, nur auf der Seite bekomme ich es nicht mittig hin.
Tabellen und css ist noch nicht so mein Ding.

Gruß Norbert

[tril]

Wie geht das?
Statt dessen setzt du auf das td class="body" ein [B]align="center"
Wie muß ich den Selektor benennen?

Das geht nicht mittels CSS, du musst direkt das Template anpassen!

[Norbert001]

Hallo Tristan.

Und wie heißt das Template?

Gruß Norbert

[tril]

Entweder mail_html_default.tpl oder mail_html_extended.tpl, hängt davon ab, welches du ausgewählt hast

[Norbert001]

Hallo Tristan.

Ich habe das mail_html_default.tpl
Das steht nun so da drin <td class="body" align="center">
aber die Seite bleibt links.

Gruß Norbert

[tril]

Dann machst du folgendes, du hast 2 Tabellen verschachtelt (auch soweit ok),
- auf die äußerste Tabelle gibst du ein width="100%" align="center"
- bei der inneren Tabelle änderst du width="100%" in width="1000" ab (oder den endgültigen Breitenwert)

ergänze mal den Rest

[Norbert001]

Hallo Tristan.

Erste Erfolge stellen sich ein, auf der Internetseite http://huth.webdesign-schmehl.de/onl...enzeitung.html ist jetzt alles so wie gewollt. In der ankommenden Mail sind zwar die Bilder mittig, aber nicht in der Größe von 980px.
Ich habe jetzt bei jeder Tabelle mal die Einstellungen verändert aber ohne Erfolg.

Die momentane Einstellung sieht so aus.

mail_html_default.tpl, mit diesem Inhalt.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="Generator" content="Contao Open Source CMS">
    <title><?php echo $this->title; ?></title>
    <?php echo $this->head; ?>
</head>
<body>
    <table align="center" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td>
                <?php if (TL_MODE != 'FE'): ?><div  id="onlinelink" align="center"><a  href="{{newsletter::href}}"><?php echo  $GLOBALS['TL_LANG']['tl_avisota_newsletter']['online']  ?></a></div><?php endif ?>
            </td>
        </tr>
    </table>
    <div id="wrapper">
    <table align="center" cellpadding="0" cellspacing="0" border="0">
        <tbody>
            <tr>
                <td class="body" align="center">
                    <table cellspacing="0" cellpadding="0" border="0" width="100%">
                        <tbody>
                            <?php echo $this->body; ?>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
    </div>
    <table align="center" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td>
                <?php if (TL_MODE != 'FE'): ?><div  id="unsubscribe"  align="center">{{newsletter::unsubscribe::html}}</div><?php  endif ?>
            </td>
        </tr>
    </table>
</body>
</html>

Würdest Du mir noch mal helfen?
Irgendwo muß ja mein Fehler liegen, da ich aber von php und Tabellen nicht viel Ahnung habe, sitze ich wohl noch Tage und komme nicht weiter.

Gruß Norbert

[Norbert001]

Hallo Tristan.

Ich weiß nun nicht ob Du meinen Beitrag schon gelesen hast, ich komme einfach nicht weiter.

Gruß Norbert

Hallo Tristan.

Erste Erfolge stellen sich ein, auf der Internetseite http://huth.webdesign-schmehl.de/onl...enzeitung.html ist jetzt alles so wie gewollt. In der ankommenden Mail sind zwar die Bilder mittig, aber nicht in der Größe von 980px.
Ich habe jetzt bei jeder Tabelle mal die Einstellungen verändert aber ohne Erfolg.

Die momentane Einstellung sieht so aus.

mail_html_default.tpl, mit diesem Inhalt.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Generator" content="Contao Open Source CMS">
<title><?php echo $this->title; ?></title>
<?php echo $this->head; ?>
</head>
<body>
<table align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<?php if (TL_MODE != 'FE'): ?><div id="onlinelink" align="center"><a href="{{newsletter::href}}"><?php echo $GLOBALS['TL_LANG']['tl_avisota_newsletter']['online'] ?></a></div><?php endif ?>
</td>
</tr>
</table>
<div id="wrapper">
<table align="center" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td class="body" align="center">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<?php echo $this->body; ?>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<table align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<?php if (TL_MODE != 'FE'): ?><div id="unsubscribe" align="center">{{newsletter::unsubscribe::html}}</div><?php endif ?>
</td>
</tr>
</table>
</body>
</html>

[ATTACH=CONFIG]4791[/ATTACH]

Würdest Du mir noch mal helfen?
Irgendwo muß ja mein Fehler liegen, da ich aber von php und Tabellen nicht viel Ahnung habe, sitze ich wohl noch Tage und komme nicht weiter.

Gruß Norbert

[tril]

Nimm das nächste mal bitte den HTML Codeblock wenn du HTML Code postest, das kann ja sonst kein Schwein lesen

Hier der ausschnitt den es zu verändern gilt:

...
<div id="wrapper">
<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td class="body" align="center">
<table cellspacing="0" cellpadding="0" border="0" width="1000">
<tbody>
<?php echo $this->body; ?>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
...