Hallo,
der Editor in der wawi nervt ist nicht so meins nehme lieber Notepad++ ist sonst alles ziemlich aufgebläht.
Meine Frage wenn ich es so mache wie im zweiten Beispiel also meiner ist das so OK für jtl oder brauchen die nochwas dazu body, Html oder so.
Also mal ein Beispiel
der erste code mit den Editor der wawi
<div class="content--title" style="color: rgb(63, 76, 88); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Century Schoolbook; font-size: 14pt; font-style: normal; font-weight: 700; margin-top: 0px; margin-right: 0px; margin-left: 0px; word-spacing: 0px; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">Produktinformationen "EM Badseife, 100 g"</div>
<div class="product--description" itemprop="description" style="color: rgb(95, 114, 133); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; word-spacing: 0px; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">
<div style="box-sizing: border-box;">
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;">Die EM Badseife ist auf die wirklich nötigen natürlichen Bestandteile einer guten Seife reduziert und mit EM und EM-X Keramik Pulver aufgewertet. Zusätze wie Parfüme, Bleichmittel, synthetische Konservierungsstoffe oder Feuchthaltemittel sind nicht enthalten.</span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;"> </span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;">Die EM Badseife unterstützt die natürliche Rückfettung der Haut und mit EM ein gutes Hautmilieu, das unter Anderem vor unangenehmen Körpergerüchen schützt. Damit die EM nicht geschädigt werden, fermentiert die Seife während des Kaltsiedeverfahrens bei weniger als 40°C. Dieser intensive Reifungsprozess dauert bis zu 10 Tage. Durch ständige Kontrolle von Konsistenz, Aussehen, Geruch, Geschmack und Gefühl auf der Haut werden mit den rein natürlichen Inhaltstoffen verlässliche und stabile Qualitäten erreicht.</span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;"> </span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;">Anwendung: Die EM Badseife ist universell für Hände, Gesicht und zur Reinigung des gesamten Körpers und der Haare geeignet, reinigt gründlich und gleichzeitig schonend. Durch die wenigen Inhaltsstoffe und die lange Reifungszeit eignet sie sich auch für sensible Haut. Achten Sie darauf, die Badseife nach der Nutzung vollständig trocknen zu lassen. </span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;"> </span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;">Inhaltsstoffe: EM, EM-X Keramikpulver, Palmkernöl und Rindertalg. Ohne Bleich- und Konservierungsmittel, frei von synthetischen Tensiden, parfümfrei.</span>
<div class="content--title itbHeadlineAttribute" style="color: rgb(63, 76, 88); text-transform: none; text-indent: 0px; letter-spacing: normal; padding-top: 20px; font-style: normal; font-weight: 700; margin-top: 0px; margin-right: 0px; margin-left: 0px; word-spacing: 0px; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-family: Century Gothic;">Eigenschaften</span></div>
<span style="font-family: Century Gothic;"> </span>
<div class="product--properties panel has--border" style="background: rgb(255, 255, 255); border: currentColor; border-image: none; width: 612px; color: rgb(95, 114, 133); text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-weight: 500; margin-top: 0px; margin-right: 0px; margin-left: 0px; word-spacing: 0px; display: block; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; box-shadow: none; font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">
<table class="product--properties-table" style="background: rgb(255, 255, 255); width: 612px; border-collapse: separate; box-sizing: border-box; border-spacing: 1px;">
<tbody style="box-sizing: border-box;">
<tr class="product--properties-row" style="box-sizing: border-box;">
<td class="product--properties-label is--bold" style="background: rgb(255, 255, 255); border: 0px currentColor; border-image: none; width: 305px; color: rgb(95, 114, 133); padding-top: 0px; padding-right: 0px; padding-left: 0px; font-weight: 700 !important; box-sizing: border-box;"><span style="font-family: Century Gothic;"><span style="font-family: Century Gothic;">Art der Körperpflege:</span></span></td>
<td class="product--properties-value" style="background: rgb(255, 255, 255); border: 0px currentColor; border-image: none; width: 304px; color: rgb(95, 114, 133); padding-top: 0px; padding-right: 0px; padding-left: 0px; box-sizing: border-box;"><span style="font-family: Century Gothic;"><span style="font-family: Century Gothic;">Gesicht, Körper, Haare, Hände</span></span></td>
</tr>
</tbody>
</table>
</div>
<span style="font-family: Century Gothic;"> </span>
<div class="content--title itbHeadlineAttribute" style="color: rgb(63, 76, 88); text-transform: none; text-indent: 0px; letter-spacing: normal; padding-top: 20px; font-style: normal; font-weight: 700; margin-top: 0px; margin-right: 0px; margin-left: 0px; word-spacing: 0px; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-family: Century Gothic;">Downloads zur Produkt Information</span></div>
<span style="font-family: Century Gothic;"> </span>
<ul class="content--list list--unstyled" style="margin: 0px; padding: 0px; color: rgb(95, 114, 133); text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-weight: 500; word-spacing: 0px; list-style-type: none; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">
<li class="list--entry" style="box-sizing: border-box;"><span style="font-family: Century Gothic;"> Download <a href="https://yve-bio.com/mediafiles/Sonstiges/BadeseifeBlatt1.pdf">Produktdatenblatt EM Badseife</a> </span></li>
<li class="list--entry" style="box-sizing: border-box;"><span style="font-family: Century Gothic;"><a class="content--link link--download" href="https://yve-bio.com/mediafiles/Sonstiges/Badeseife_MSDS-for-Natural-soap-Bath-Copy-002.pdf" style="color: rgb(36, 111, 34); text-decoration: none; box-sizing: border-box; background-color: transparent;" target="_blank" title="Download Sicherheitsdatenblatt EM Badseife (englisch)"> Download Sicherheitsdatenblatt EM Badseife (englisch)</a></span></li>
</ul>
</div>
</div>
</div>
jetzt meiner
<style type="text/css">
body {
font-family: Georgia,Times,'Times New Roman',serif;
}
h1 (
color:red;
)
p {
font-size: 16px;
color: black;
}
</style>
<h1>YVE-BIO® Ultimative Wasserfilter</h1>
<h2>YVE-BIO® Ultimative</h2>
<p>Lernen Sie unsere neue Ultimative-Reihe kennen: eine Symbiose aus reinem, strukturiertem und somit zellverfügbarem Wasser.</p>
<p>Wir sind ständig bemüht, unsere Produkte zu verbessern und mit dieser Serie ist es uns eindeutig gelungen:</p>
<ul>
<li>Der Star unter den Keramikfiltern, unser <a href="https://yve-bio.com/dome-trinkwasserfilter">DOME-FILTER®</a>, befreit Ihr Leitungswasser von Pestiziden wie Glyphosat, Medikamentenrückständen, Hormonen, Schwermetallen, PCB's und vielem mehr. Lassen Sie sich von der sensationellen Wirksamkeit bezüglich seiner Filtration überzeugen.</li>
<li>Die <a href="https://yve-bio.com/energie-vitalitaet-kartusche">Energy-Vitality Kartusche</a> energetisiert Ihr Wasser mit einem Mix aus Turmalin, Germanium, Jade und Phlogopite und macht es wieder lebendig.</li>
<li>Der Körper benötigt für jeden Stoffwechselprozess zellverfügbares Wasser. Erfahren Sie es selber und spüren Sie die wohltuende Wirkung des reinen Wassers.</li>
</ul>
mfg
der Editor in der wawi nervt ist nicht so meins nehme lieber Notepad++ ist sonst alles ziemlich aufgebläht.
Meine Frage wenn ich es so mache wie im zweiten Beispiel also meiner ist das so OK für jtl oder brauchen die nochwas dazu body, Html oder so.
Also mal ein Beispiel
der erste code mit den Editor der wawi
<div class="content--title" style="color: rgb(63, 76, 88); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Century Schoolbook; font-size: 14pt; font-style: normal; font-weight: 700; margin-top: 0px; margin-right: 0px; margin-left: 0px; word-spacing: 0px; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">Produktinformationen "EM Badseife, 100 g"</div>
<div class="product--description" itemprop="description" style="color: rgb(95, 114, 133); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; word-spacing: 0px; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">
<div style="box-sizing: border-box;">
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;">Die EM Badseife ist auf die wirklich nötigen natürlichen Bestandteile einer guten Seife reduziert und mit EM und EM-X Keramik Pulver aufgewertet. Zusätze wie Parfüme, Bleichmittel, synthetische Konservierungsstoffe oder Feuchthaltemittel sind nicht enthalten.</span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;"> </span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;">Die EM Badseife unterstützt die natürliche Rückfettung der Haut und mit EM ein gutes Hautmilieu, das unter Anderem vor unangenehmen Körpergerüchen schützt. Damit die EM nicht geschädigt werden, fermentiert die Seife während des Kaltsiedeverfahrens bei weniger als 40°C. Dieser intensive Reifungsprozess dauert bis zu 10 Tage. Durch ständige Kontrolle von Konsistenz, Aussehen, Geruch, Geschmack und Gefühl auf der Haut werden mit den rein natürlichen Inhaltstoffen verlässliche und stabile Qualitäten erreicht.</span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;"> </span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;">Anwendung: Die EM Badseife ist universell für Hände, Gesicht und zur Reinigung des gesamten Körpers und der Haare geeignet, reinigt gründlich und gleichzeitig schonend. Durch die wenigen Inhaltsstoffe und die lange Reifungszeit eignet sie sich auch für sensible Haut. Achten Sie darauf, die Badseife nach der Nutzung vollständig trocknen zu lassen. </span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;"> </span></div>
<div style="box-sizing: border-box;"><span style="font-family: Century Gothic;">Inhaltsstoffe: EM, EM-X Keramikpulver, Palmkernöl und Rindertalg. Ohne Bleich- und Konservierungsmittel, frei von synthetischen Tensiden, parfümfrei.</span>
<div class="content--title itbHeadlineAttribute" style="color: rgb(63, 76, 88); text-transform: none; text-indent: 0px; letter-spacing: normal; padding-top: 20px; font-style: normal; font-weight: 700; margin-top: 0px; margin-right: 0px; margin-left: 0px; word-spacing: 0px; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-family: Century Gothic;">Eigenschaften</span></div>
<span style="font-family: Century Gothic;"> </span>
<div class="product--properties panel has--border" style="background: rgb(255, 255, 255); border: currentColor; border-image: none; width: 612px; color: rgb(95, 114, 133); text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-weight: 500; margin-top: 0px; margin-right: 0px; margin-left: 0px; word-spacing: 0px; display: block; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; box-shadow: none; font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">
<table class="product--properties-table" style="background: rgb(255, 255, 255); width: 612px; border-collapse: separate; box-sizing: border-box; border-spacing: 1px;">
<tbody style="box-sizing: border-box;">
<tr class="product--properties-row" style="box-sizing: border-box;">
<td class="product--properties-label is--bold" style="background: rgb(255, 255, 255); border: 0px currentColor; border-image: none; width: 305px; color: rgb(95, 114, 133); padding-top: 0px; padding-right: 0px; padding-left: 0px; font-weight: 700 !important; box-sizing: border-box;"><span style="font-family: Century Gothic;"><span style="font-family: Century Gothic;">Art der Körperpflege:</span></span></td>
<td class="product--properties-value" style="background: rgb(255, 255, 255); border: 0px currentColor; border-image: none; width: 304px; color: rgb(95, 114, 133); padding-top: 0px; padding-right: 0px; padding-left: 0px; box-sizing: border-box;"><span style="font-family: Century Gothic;"><span style="font-family: Century Gothic;">Gesicht, Körper, Haare, Hände</span></span></td>
</tr>
</tbody>
</table>
</div>
<span style="font-family: Century Gothic;"> </span>
<div class="content--title itbHeadlineAttribute" style="color: rgb(63, 76, 88); text-transform: none; text-indent: 0px; letter-spacing: normal; padding-top: 20px; font-style: normal; font-weight: 700; margin-top: 0px; margin-right: 0px; margin-left: 0px; word-spacing: 0px; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-family: Century Gothic;">Downloads zur Produkt Information</span></div>
<span style="font-family: Century Gothic;"> </span>
<ul class="content--list list--unstyled" style="margin: 0px; padding: 0px; color: rgb(95, 114, 133); text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-weight: 500; word-spacing: 0px; list-style-type: none; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">
<li class="list--entry" style="box-sizing: border-box;"><span style="font-family: Century Gothic;"> Download <a href="https://yve-bio.com/mediafiles/Sonstiges/BadeseifeBlatt1.pdf">Produktdatenblatt EM Badseife</a> </span></li>
<li class="list--entry" style="box-sizing: border-box;"><span style="font-family: Century Gothic;"><a class="content--link link--download" href="https://yve-bio.com/mediafiles/Sonstiges/Badeseife_MSDS-for-Natural-soap-Bath-Copy-002.pdf" style="color: rgb(36, 111, 34); text-decoration: none; box-sizing: border-box; background-color: transparent;" target="_blank" title="Download Sicherheitsdatenblatt EM Badseife (englisch)"> Download Sicherheitsdatenblatt EM Badseife (englisch)</a></span></li>
</ul>
</div>
</div>
</div>
jetzt meiner
<style type="text/css">
body {
font-family: Georgia,Times,'Times New Roman',serif;
}
h1 (
color:red;
)
p {
font-size: 16px;
color: black;
}
</style>
<h1>YVE-BIO® Ultimative Wasserfilter</h1>
<h2>YVE-BIO® Ultimative</h2>
<p>Lernen Sie unsere neue Ultimative-Reihe kennen: eine Symbiose aus reinem, strukturiertem und somit zellverfügbarem Wasser.</p>
<p>Wir sind ständig bemüht, unsere Produkte zu verbessern und mit dieser Serie ist es uns eindeutig gelungen:</p>
<ul>
<li>Der Star unter den Keramikfiltern, unser <a href="https://yve-bio.com/dome-trinkwasserfilter">DOME-FILTER®</a>, befreit Ihr Leitungswasser von Pestiziden wie Glyphosat, Medikamentenrückständen, Hormonen, Schwermetallen, PCB's und vielem mehr. Lassen Sie sich von der sensationellen Wirksamkeit bezüglich seiner Filtration überzeugen.</li>
<li>Die <a href="https://yve-bio.com/energie-vitalitaet-kartusche">Energy-Vitality Kartusche</a> energetisiert Ihr Wasser mit einem Mix aus Turmalin, Germanium, Jade und Phlogopite und macht es wieder lebendig.</li>
<li>Der Körper benötigt für jeden Stoffwechselprozess zellverfügbares Wasser. Erfahren Sie es selber und spüren Sie die wohltuende Wirkung des reinen Wassers.</li>
</ul>
mfg