tag:forum.selfhtml.org,2005:/self
Kommentar wird nicht geschrieben – SELFHTML-Forum
2018-08-06T18:28:14Z
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728368#m1728368
liebewinter
htmlkurss@web.de
2018-08-06T09:29:28Z
2018-08-06T09:32:18Z
Kommentar wird nicht geschrieben
<p>Vor einiger Tage habe habe einen große Fehler gemacht , habe mein Festplatte gelöscht... , so einiger sache könnte geretten werden... .Ich habe geprüft und meine Kontakt PHP datei ist in Ordnung , aber nicht 100% .... , wenn schreibe E-mail , name und Messagen sie werden nicht geschrieben.. weder auf "test.txt" Datei noch auf Website .</p>
<blockquote>
<p>http://localhost/testphp.php</p>
</blockquote>
<p>Auf dieses Fenster zeigt wie ich PHP Paketen installiert habe .</p>
<p>https://imgur.com/a/Umr0djC</p>
<pre><code class="block language-php"> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token comment">### messages.php ### utf8 ### äöüÄÖÜ ###</span>
<span class="token function">header</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'Content-Type: text/html; Charset=utf-8'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">mb_internal_encoding</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'UTF-8'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">date_default_timezone_set</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'Europe/Berlin'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token delimiter important">?></span></span>
</code></pre>
<pre><code class="block language-css"><span class="token selector"><html>
<head>
<meta name="viewport" content="initial-scale=1.0">
<title>Kontakt</title>
<style>
body</span> <span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #ebf5d7<span class="token punctuation">;</span>
<span class="token property">grid-gap</span><span class="token punctuation">:</span> 5px<span class="token punctuation">;</span>
<span class="token property">grid-template-columns</span><span class="token punctuation">:</span> 10% 72% 17%<span class="token punctuation">;</span>
<span class="token property">grid-template-areas</span><span class="token punctuation">:</span>
<span class="token string">"header header header"</span>
<span class="token string">"nav nav nav"</span>
<span class="token string">"linkBox linkBox linkBox"</span>
<span class="token string">"main main main"</span>
<span class="token string">"infoBox infoBox infoBox"</span>
<span class="token string">"footer footer footer"</span> <span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> screen <span class="token keyword">and</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> 40em<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector">body</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> grid<span class="token punctuation">;</span>
<span class="token property">grid-template-columns</span><span class="token punctuation">:</span> 10% 72% 17%<span class="token punctuation">;</span>
<span class="token property">grid-template-areas</span><span class="token punctuation">:</span>
<span class="token string">"header header header"</span>
<span class="token string">"nav nav nav"</span>
<span class="token string">"linkBox main infoBox"</span>
<span class="token string">"footer footer footer"</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> screen <span class="token keyword">and</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> 30em<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector">#externalLinks a</span> <span class="token punctuation">{</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> 15px<span class="token punctuation">;</span>
<span class="token property">font-family</span><span class="token punctuation">:</span> Candara<span class="token punctuation">,</span> Calibri<span class="token punctuation">,</span> Segoe<span class="token punctuation">,</span> <span class="token string">"Segoe UI"</span><span class="token punctuation">,</span> Optima<span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">li a, .dropbtn</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> #000<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 8px 16px<span class="token punctuation">;</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector">body > header</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> header<span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">"../f409784856.png"</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 60px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">body > nav</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> nav<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #d2f5c4<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">body > #externalLinks</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> linkBox<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #d2f3c6<span class="token punctuation">;</span>
<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">body > main</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> main<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #eaf6e5<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">body > #furtherInformation</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> infoBox<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #d2f3c6<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">body > footer</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> footer<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #99ee7a<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment">/* Nav */</span>
<span class="token selector">nav</span> <span class="token punctuation">{</span><span class="token property">background-color</span><span class="token punctuation">:</span> #d2f5c4<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">nav a</span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> black<span class="token punctuation">;</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 0px 8px<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> 17px<span class="token punctuation">;</span>
<span class="token property">font-family</span><span class="token punctuation">:</span> Candara<span class="token punctuation">,</span> Calibri<span class="token punctuation">,</span> Segoe<span class="token punctuation">,</span> <span class="token string">"Segoe UI"</span><span class="token punctuation">,</span> Optima<span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">nav ul</span> <span class="token punctuation">{</span><span class="token property">list-style-type</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">nav li</span> <span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token comment">/* ExternalLinks */</span>
<span class="token selector">#externalLinks a</span> <span class="token punctuation">{</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> 15px<span class="token punctuation">;</span>
<span class="token property">font-family</span><span class="token punctuation">:</span> Candara<span class="token punctuation">,</span> Calibri<span class="token punctuation">,</span> Segoe<span class="token punctuation">,</span> <span class="token string">"Segoe UI"</span><span class="token punctuation">,</span> Optima<span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">#externalLinks ul</span> <span class="token punctuation">{</span>
<span class="token property">list-style-type</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> 5px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">#externalLinks li</span><span class="token punctuation">{</span><span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">}</span>
<span class="token comment">/* Geben an Link1, link2, link3 ; Farbe , Padding, .... */</span>
<span class="token selector">li a, .dropbtn</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> #000<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 8px 16px<span class="token punctuation">;</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">li a:hover, .dropdown:hover .dropbtn</span> <span class="token punctuation">{</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #f1ebeb<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">.dropdown-content</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token comment">/* display wird ausgeschaltet ,aber erlaubt die anderen elemente, position ,background ,.... */</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> 12px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span> <span class="token comment">/* die stellung folgt der Erste Link(li) */</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #f1f1f1 <span class="token punctuation">;</span>
<span class="token property">min-width</span><span class="token punctuation">:</span> 160px<span class="token punctuation">;</span> <span class="token comment">/* macht größer die Inneren Links */</span>
<span class="token property">box-shadow</span><span class="token punctuation">:</span> 0px 8px 16px 0px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0.2<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">/* Bau ein Schatte und geben an dem Schatten Farbe */</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> 1<span class="token punctuation">;</span> <span class="token comment">/* Zeigen die Ordnung wie die Links gezeigt werden... */</span>
<span class="token punctuation">}</span>
<span class="token selector">.dropdown-content a</span> <span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> black<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 12px 16px<span class="token punctuation">;</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token comment">/* Bekomme die Liks keine Unten Stricht ....*/</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">.dropdown-content a:hover</span> <span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #9f9e9e<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment">/* Offnen die Innere Links */</span>
<span class="token selector">.dropdown:hover .dropdown-content</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> 109px<span class="token punctuation">;</span> <span class="token comment">/* zeigt wo dem innere link fenster gezeigt wird */</span>
<span class="token property">top</span><span class="token punctuation">:</span> 214px<span class="token punctuation">;</span> <span class="token comment">/* zeigt wo dem innere link fenster gezeigt wird */</span>
<span class="token punctuation">}</span>
<span class="token comment">/* Main */</span>
<span class="token selector">input, textarea</span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>220<span class="token punctuation">,</span>220<span class="token punctuation">,</span>220<span class="token punctuation">,</span>0.75<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span>1px solid <span class="token function">rgba</span><span class="token punctuation">(</span>220<span class="token punctuation">,</span>220<span class="token punctuation">,</span>220<span class="token punctuation">,</span>0.75<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">font</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span>0.2941em<span class="token punctuation">;</span><span class="token comment">/*5px;*/</span>
<span class="token property">padding</span><span class="token punctuation">:</span>0.4118em<span class="token punctuation">;</span><span class="token comment">/*7px;*/</span>
<span class="token comment">/*farbigen Rahmen in Chrome und Safari abschalten.*/</span>
<span class="token property">outline</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">input:focus, textarea:focus</span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span>1px solid #000<span class="token punctuation">;</span>
<span class="token property">outline</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token comment">/* einige Browser add line auf input , das verhindert es... */</span>
<span class="token punctuation">}</span>
<span class="token selector">input[type=submit]</span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span>#be633c<span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span>50% 50%<span class="token punctuation">;</span>
<span class="token property">box-shadow</span><span class="token punctuation">:</span>inset 0 0 1em #fb9d23<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span>0.5882em<span class="token punctuation">;</span><span class="token comment">/*10px*/</span>
<span class="token punctuation">}</span>
<span class="token selector">input[type=submit]:focus, input[type=submit]:active</span><span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span>#A33202<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment">/* Footer */</span>
<span class="token selector">#copry</span> <span class="token punctuation">{</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> 2px<span class="token punctuation">;</span>
<span class="token property">list-style-type</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">font-family</span><span class="token punctuation">:</span> Candara<span class="token punctuation">,</span> Calibri<span class="token punctuation">,</span> Segoe<span class="token punctuation">,</span> <span class="token string">"Segoe UI"</span><span class="token punctuation">,</span> Optima<span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">#img1</span> <span class="token punctuation">{</span><span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span> 3px<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">#copry a</span> <span class="token punctuation">{</span><span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span> 3px<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">#copry p</span> <span class="token punctuation">{</span><span class="token property">font-size</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token comment">/* Komment Button */</span>
<span class="token selector">#comment:hover</span> <span class="token punctuation">{</span> <span class="token property">box-shadow</span><span class="token punctuation">:</span> 0px 8px 16px 0px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0.2<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">#comment</span> <span class="token punctuation">{</span><span class="token property">font-size</span><span class="token punctuation">:</span> 11px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* Button from comment */</span>
<span class="token selector">#form</span> <span class="token punctuation">{</span><span class="token property">font-size</span><span class="token punctuation">:</span> 14px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* size from comment window */</span>
</style>
</head>
</code></pre>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>initial-scale=1.0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Kontakt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
<span class="token selector">body</span> <span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #ebf5d7<span class="token punctuation">;</span>
<span class="token property">grid-gap</span><span class="token punctuation">:</span> 5px<span class="token punctuation">;</span>
<span class="token property">grid-template-columns</span><span class="token punctuation">:</span> 10% 72% 17%<span class="token punctuation">;</span>
<span class="token property">grid-template-areas</span><span class="token punctuation">:</span>
<span class="token string">"header header header"</span>
<span class="token string">"nav nav nav"</span>
<span class="token string">"linkBox linkBox linkBox"</span>
<span class="token string">"main main main"</span>
<span class="token string">"infoBox infoBox infoBox"</span>
<span class="token string">"footer footer footer"</span> <span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> screen <span class="token keyword">and</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> 40em<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector">body</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> grid<span class="token punctuation">;</span>
<span class="token property">grid-template-columns</span><span class="token punctuation">:</span> 10% 72% 17%<span class="token punctuation">;</span>
<span class="token property">grid-template-areas</span><span class="token punctuation">:</span>
<span class="token string">"header header header"</span>
<span class="token string">"nav nav nav"</span>
<span class="token string">"linkBox main infoBox"</span>
<span class="token string">"footer footer footer"</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> screen <span class="token keyword">and</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> 30em<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector">#externalLinks a</span> <span class="token punctuation">{</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> 15px<span class="token punctuation">;</span>
<span class="token property">font-family</span><span class="token punctuation">:</span> Candara<span class="token punctuation">,</span> Calibri<span class="token punctuation">,</span> Segoe<span class="token punctuation">,</span> <span class="token string">"Segoe UI"</span><span class="token punctuation">,</span> Optima<span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">li a, .dropbtn</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> #000<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 8px 16px<span class="token punctuation">;</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector">body > header</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> header<span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">"../f409784856.png"</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 60px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">body > nav</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> nav<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #d2f5c4<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">body > #externalLinks</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> linkBox<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #d2f3c6<span class="token punctuation">;</span>
<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">body > main</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> main<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #eaf6e5<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">body > #furtherInformation</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> infoBox<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #d2f3c6<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">body > footer</span> <span class="token punctuation">{</span>
<span class="token property">grid-area</span><span class="token punctuation">:</span> footer<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #99ee7a<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment">/* Nav */</span>
<span class="token selector">nav</span> <span class="token punctuation">{</span><span class="token property">background-color</span><span class="token punctuation">:</span> #d2f5c4<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">nav a</span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> black<span class="token punctuation">;</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 0px 8px<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> 17px<span class="token punctuation">;</span>
<span class="token property">font-family</span><span class="token punctuation">:</span> Candara<span class="token punctuation">,</span> Calibri<span class="token punctuation">,</span> Segoe<span class="token punctuation">,</span> <span class="token string">"Segoe UI"</span><span class="token punctuation">,</span> Optima<span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">nav ul</span> <span class="token punctuation">{</span><span class="token property">list-style-type</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">nav li</span> <span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token comment">/* ExternalLinks */</span>
<span class="token selector">#externalLinks a</span> <span class="token punctuation">{</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> 15px<span class="token punctuation">;</span>
<span class="token property">font-family</span><span class="token punctuation">:</span> Candara<span class="token punctuation">,</span> Calibri<span class="token punctuation">,</span> Segoe<span class="token punctuation">,</span> <span class="token string">"Segoe UI"</span><span class="token punctuation">,</span> Optima<span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">#externalLinks ul</span> <span class="token punctuation">{</span>
<span class="token property">list-style-type</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> 5px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">#externalLinks li</span><span class="token punctuation">{</span><span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">}</span>
<span class="token comment">/* Geben an Link1, link2, link3 ; Farbe , Padding, .... */</span>
<span class="token selector">li a, .dropbtn</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> #000<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 8px 16px<span class="token punctuation">;</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">li a:hover, .dropdown:hover .dropbtn</span> <span class="token punctuation">{</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #f1ebeb<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">.dropdown-content</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token comment">/* display wird ausgeschaltet ,aber erlaubt die anderen elemente, position ,background ,.... */</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> 12px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span> <span class="token comment">/* die stellung folgt der Erste Link(li) */</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #f1f1f1 <span class="token punctuation">;</span>
<span class="token property">min-width</span><span class="token punctuation">:</span> 160px<span class="token punctuation">;</span> <span class="token comment">/* macht größer die Inneren Links */</span>
<span class="token property">box-shadow</span><span class="token punctuation">:</span> 0px 8px 16px 0px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0.2<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">/* Bau ein Schatte und geben an dem Schatten Farbe */</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> 1<span class="token punctuation">;</span> <span class="token comment">/* Zeigen die Ordnung wie die Links gezeigt werden... */</span>
<span class="token punctuation">}</span>
<span class="token selector">.dropdown-content a</span> <span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> black<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> 12px 16px<span class="token punctuation">;</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token comment">/* Bekomme die Liks keine Unten Stricht ....*/</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">.dropdown-content a:hover</span> <span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> #9f9e9e<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment">/* Offnen die Innere Links */</span>
<span class="token selector">.dropdown:hover .dropdown-content</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> 109px<span class="token punctuation">;</span> <span class="token comment">/* zeigt wo dem innere link fenster gezeigt wird */</span>
<span class="token property">top</span><span class="token punctuation">:</span> 214px<span class="token punctuation">;</span> <span class="token comment">/* zeigt wo dem innere link fenster gezeigt wird */</span>
<span class="token punctuation">}</span>
<span class="token comment">/* Main */</span>
<span class="token selector">input, textarea</span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>220<span class="token punctuation">,</span>220<span class="token punctuation">,</span>220<span class="token punctuation">,</span>0.75<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span>1px solid <span class="token function">rgba</span><span class="token punctuation">(</span>220<span class="token punctuation">,</span>220<span class="token punctuation">,</span>220<span class="token punctuation">,</span>0.75<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">font</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span>0.2941em<span class="token punctuation">;</span><span class="token comment">/*5px;*/</span>
<span class="token property">padding</span><span class="token punctuation">:</span>0.4118em<span class="token punctuation">;</span><span class="token comment">/*7px;*/</span>
<span class="token comment">/*farbigen Rahmen in Chrome und Safari abschalten.*/</span>
<span class="token property">outline</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">input:focus, textarea:focus</span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span>1px solid #000<span class="token punctuation">;</span>
<span class="token property">outline</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token comment">/* einige Browser add line auf input , das verhindert es... */</span>
<span class="token punctuation">}</span>
<span class="token selector">input[type=submit]</span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span>#be633c<span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span>50% 50%<span class="token punctuation">;</span>
<span class="token property">box-shadow</span><span class="token punctuation">:</span>inset 0 0 1em #fb9d23<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span>0.5882em<span class="token punctuation">;</span><span class="token comment">/*10px*/</span>
<span class="token punctuation">}</span>
<span class="token selector">input[type=submit]:focus, input[type=submit]:active</span><span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span>#A33202<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment">/* Footer */</span>
<span class="token selector">#copry</span> <span class="token punctuation">{</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> 2px<span class="token punctuation">;</span>
<span class="token property">list-style-type</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">font-family</span><span class="token punctuation">:</span> Candara<span class="token punctuation">,</span> Calibri<span class="token punctuation">,</span> Segoe<span class="token punctuation">,</span> <span class="token string">"Segoe UI"</span><span class="token punctuation">,</span> Optima<span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">#img1</span> <span class="token punctuation">{</span><span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span> 3px<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">#copry a</span> <span class="token punctuation">{</span><span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span> 3px<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">#copry p</span> <span class="token punctuation">{</span><span class="token property">font-size</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token comment">/* Komment Button */</span>
<span class="token selector">#comment:hover</span> <span class="token punctuation">{</span> <span class="token property">box-shadow</span><span class="token punctuation">:</span> 0px 8px 16px 0px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0.2<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">#comment</span> <span class="token punctuation">{</span><span class="token property">font-size</span><span class="token punctuation">:</span> 11px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* Button from comment */</span>
<span class="token selector">#form</span> <span class="token punctuation">{</span><span class="token property">font-size</span><span class="token punctuation">:</span> 14px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* size from comment window */</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span>
</code></pre>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>header</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>header</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>nav</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://wiki.selfhtml.org/wiki/HTML/Seitenstrukturierung/nav<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://wiki.selfhtml.org/wiki/HTML/Tutorials/HTML5-Seitenstrukturierung<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>About Us<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Contact<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>nav</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>aside</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>externalLinks<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>dropdown<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>dropbtn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Computer<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>dropdown-content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Link 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Link 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Link 3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Link 4<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>News<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Bucher<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>aside</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>main</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">method</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>post<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>form<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span>E-Mail: *<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my e-mail<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>email<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> Name: *<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my name<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>name<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> Message: <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>textarea</span> <span class="token attr-name">cols</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>45<span class="token punctuation">"</span></span> <span class="token attr-name">rows</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>6<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>message<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>textarea</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>post<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>POST COMMENT<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>comment<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>Comments:<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span>
</code></pre>
<pre><code class="block language-php"><span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token variable">$file</span> <span class="token operator">=</span> <span class="token string double-quoted-string">"test.txt"</span><span class="token punctuation">;</span>
<span class="token keyword">if</span><span class="token punctuation">(</span><span class="token keyword">empty</span><span class="token punctuation">(</span><span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'name'</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">||</span>
<span class="token keyword">empty</span><span class="token punctuation">(</span><span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'email'</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">||</span>
<span class="token keyword">empty</span><span class="token punctuation">(</span><span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'message'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<br>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"<b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"<h3>*** Please enter all required fields ***</h3>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"</b>"</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword">else</span>
<span class="token punctuation">{</span>
<span class="token variable">$name</span> <span class="token operator">=</span> <span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'name'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token variable">$email</span> <span class="token operator">=</span> <span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'email'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token variable">$message</span> <span class="token operator">=</span> <span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'message'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword">if</span><span class="token punctuation">(</span><span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$name</span><span class="token punctuation">)</span> <span class="token operator">&&</span> <span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$email</span><span class="token punctuation">)</span> <span class="token operator">&&</span> <span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$message</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token variable">$data</span> <span class="token operator">=</span> <span class="token keyword">array</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"name"</span> <span class="token operator">=></span> <span class="token variable">$name</span><span class="token punctuation">,</span> <span class="token string double-quoted-string">"email"</span> <span class="token operator">=></span> <span class="token variable">$email</span><span class="token punctuation">,</span> <span class="token string double-quoted-string">"message"</span> <span class="token operator">=></span> <span class="token variable">$message</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$data</span> <span class="token operator">=</span> <span class="token function">serialize</span><span class="token punctuation">(</span><span class="token variable">$data</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">file_put_contents</span><span class="token punctuation">(</span><span class="token variable">$file</span><span class="token punctuation">,</span> <span class="token variable">$data</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"\n"</span><span class="token punctuation">,</span> <span class="token class-name">FILE_APPEND</span><span class="token operator">|</span><span class="token class-name">LOCK_EX</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token variable">$messages</span> <span class="token operator">=</span> <span class="token function">file</span><span class="token punctuation">(</span><span class="token variable">$file</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">foreach</span> <span class="token punctuation">(</span><span class="token variable">$messages</span> <span class="token keyword">as</span> <span class="token variable">$line</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$data</span> <span class="token operator">=</span> <span class="token function">unserialize</span><span class="token punctuation">(</span><span class="token variable">$line</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<br>"</span><span class="token punctuation">;</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"From:"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"</b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">" "</span> <span class="token operator">.</span> <span class="token variable">$data</span><span class="token punctuation">[</span><span class="token string double-quoted-string">"name"</span><span class="token punctuation">]</span> <span class="token operator">.</span> <span class="token string double-quoted-string">" "</span><span class="token punctuation">;</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"at:"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"</b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">" "</span> <span class="token operator">.</span> <span class="token variable">$date</span> <span class="token operator">=</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'m/d/Y h:i:s a'</span><span class="token punctuation">,</span> <span class="token function">time</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"<br><br>"</span><span class="token punctuation">;</span>
<span class="token keyword">echo</span> <span class="token variable">$data</span><span class="token punctuation">[</span><span class="token string double-quoted-string">"message"</span><span class="token punctuation">]</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"<br><hr>"</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token variable">$messages</span> <span class="token operator">=</span> <span class="token function">file</span><span class="token punctuation">(</span><span class="token variable">$file</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token delimiter important">?></span></span>
</code></pre>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>main</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>aside</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>furtherInformation<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>aside</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>footer</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>copry<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>My Website: Linux and More © 2018. All Rights Reserved.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img1<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://creativecommons.org/licenses/by-nc/4.0/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Creative Commons License<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>120px<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40px<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../f409591688.png<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>This work is licensed under a Creative Commons Attribution-NonCommercial 4.0<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> International License.
Content of this site cannot be republished<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> either online or offline without our permissions. <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>footer</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span>
</code></pre>
<p>oder auch mein Code hier , hier</p>
<p>https://codepen.io/mezb/pen/qKjroP</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728373#m1728373
liebewinter
htmlkurss@web.de
2018-08-06T09:57:01Z
2018-08-06T09:57:01Z
Kommentar wird nicht geschrieben
<p>so , ich habe ein Kopie von <strong>kontakt.php</strong> Datei auf mein Laptop gebracht , dort funzioniert alles Gut , ich bekomme was auf E-mail , name und Message geschrieben habe , das bedeutet das auf mein Rechner es fehlt etwas , aber ich weiss nicht was... , auf <strong>Synaptic</strong> ich habe alle PHP Datein installiert die mit einem Stern stehe , wie das Bild zeigt ...</p>
<p><a href="/images/3fb90ef3-00e6-4790-b99a-438239315356.png" rel="noopener noreferrer"><img src="/images/3fb90ef3-00e6-4790-b99a-438239315356.png?size=medium" alt="PHP Dateien die installier habe" title="PHP Dateien die installier habe" loading="lazy"></a></p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728375#m1728375
Regina Schaukrug - die echte
2018-08-06T10:11:00Z
2018-08-06T10:17:13Z
Kommentar wird nicht geschrieben
<p>Also, nach meinem Test waren die Eingaben in der Datei test.txt.</p>
<p>Vermutung: Der Webserver hat keine Schreibrechte an der Datei test.txt.
Lösung: Datei anlegen und Rechte geben:</p>
<pre><code class="block language-sh"><span class="token builtin class-name">cd</span> DEIN_VERZEICHNIS
<span class="token function">touch</span> test.txt
<span class="token function">sudo</span> <span class="token function">chown</span> www-data:www-data test.txt
<span class="token function">sudo</span> <span class="token function">chmod</span> <span class="token number">660</span> test.txt
</code></pre>
<pre><code class="block language-php"> <span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token function">header</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'Content-Type: text/html; Charset=utf-8'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span></code></pre>
<p><s>Es kann auch sein, dass die beiden Leerzeichen vor dem '<?php' stören, weil danach womöglich der header-Befehl nicht mehr ausgeführt werden kann. Das ist von der PHP-Version und den Einstellungen abhängig.</s> (Wahrscheinlich nicht bei Deinem Linux)</p>
<blockquote>
<p>Vor einiger Tage habe habe einen große Fehler gemacht , habe mein Festplatte gelöscht...</p>
</blockquote>
<p>Du hast den eigentlichen Fehler sehr viel früher gemacht. Man macht Backups um sich gegen solche Fehler zu sichern.</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728379#m1728379
liebewinter
htmlkurss@web.de
2018-08-06T10:44:10Z
2018-08-06T10:56:48Z
Kommentar wird nicht geschrieben
<p>Dankeeeeeee ! , das war das Fehler !</p>
<p>ich wünsche dir ein schöne Tag !</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728422#m1728422
liebewinter
htmlkurss@web.de
2018-08-06T14:14:23Z
2018-08-06T14:14:23Z
Kommentar wird nicht geschrieben
<p>Noch eine frage.... wenn ich mit Root rechten , öffnen der <strong>test.txt</strong> Datei , löschen alles was dort stehe , dann auf den Website Reload , die kommentaren werden gelöschen aber bleibt die zeit , <strong>From: at: 08/06/2018 04:05:51 pm</strong> wie das Bild zeigt</p>
<p><a href="/images/901d8f2d-0158-47dc-bf7e-9abee1b6fcb8.png" rel="noopener noreferrer"><img src="/images/901d8f2d-0158-47dc-bf7e-9abee1b6fcb8.png?size=medium" alt="screenshot kommenter nicht löscht alles" title="screenshot kommenter nicht löscht alles" loading="lazy"></a></p>
<p>was kann machen um alles zu löschen ?</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728429#m1728429
Regina Schaukrug - die echte
2018-08-06T15:08:41Z
2018-08-06T15:28:22Z
Kommentar wird nicht geschrieben
<p>Die Ausgabe des Datums erfolgt durch:</p>
<pre><code class="block bad language-php"><span class="token keyword">echo</span> <span class="token string double-quoted-string">"<b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"at:"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"</b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">" "</span> <span class="token operator">.</span> <span class="token variable">$date</span> <span class="token operator">=</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'m/d/Y h:i:s a'</span><span class="token punctuation">,</span> <span class="token function">time</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"<br><br>"</span><span class="token punctuation">;</span>
</code></pre>
<p>Das bedeutet, dass immer das Datum und die Uhrzeit des ABRUFES angezeigt wird. In der Datei test.txt steht gar kein Datum:</p>
<pre><code class="block language-txt">a:3:{s:4:"name";s:3:"Ich";s:5:"email";s:13:"ich@localhost";s:7:"message";s:5:"Hallo";}
</code></pre>
<p>Also kann das Datum des Eintrages nicht ermittelt und angezeigt werden. Das bedeutet: Du musst hier was ändern:</p>
<pre><code class="block language-php"><span class="token keyword">if</span><span class="token punctuation">(</span><span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$name</span><span class="token punctuation">)</span> <span class="token operator">&&</span> <span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$email</span><span class="token punctuation">)</span> <span class="token operator">&&</span> <span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$message</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token variable">$data</span> <span class="token operator">=</span> <span class="token keyword">array</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"name"</span> <span class="token operator">=></span> <span class="token variable">$name</span><span class="token punctuation">,</span> <span class="token string double-quoted-string">"email"</span> <span class="token operator">=></span> <span class="token variable">$email</span><span class="token punctuation">,</span> <span class="token string double-quoted-string">"message"</span> <span class="token operator">=></span> <span class="token variable">$message</span><span class="token punctuation">,</span> <span class="token string double-quoted-string">"datetime"</span> <span class="token operator">=></span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'m/d/Y h:i:s a'</span><span class="token punctuation">,</span> <span class="token function">time</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$data</span> <span class="token operator">=</span> <span class="token function">serialize</span><span class="token punctuation">(</span> <span class="token variable">$data</span> <span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">file_put_contents</span><span class="token punctuation">(</span> <span class="token variable">$file</span><span class="token punctuation">,</span> <span class="token variable">$data</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"\n"</span><span class="token punctuation">,</span> <span class="token class-name">FILE_APPEND</span><span class="token operator">|</span><span class="token class-name">LOCK_EX</span> <span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<p>und natürlich:</p>
<pre><code class="block language-php"><span class="token keyword">echo</span> <span class="token string double-quoted-string">"<b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"at:"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"</b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">" "</span> <span class="token operator">.</span> <span class="token variable">$data</span><span class="token punctuation">[</span><span class="token string double-quoted-string">"datetime"</span><span class="token punctuation">]</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"<br><br>"</span><span class="token punctuation">;</span>
</code></pre>
<p>Außerdem hast Du in der Datei test.txt ganz offensichtlich 4 leere Zeilen, die Du nicht überspringst.</p>
<pre><code class="block bad language-php"><span class="token keyword">foreach</span> <span class="token punctuation">(</span><span class="token variable">$messages</span> <span class="token keyword">as</span> <span class="token variable">$line</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$data</span> <span class="token operator">=</span> <span class="token function">unserialize</span><span class="token punctuation">(</span><span class="token variable">$line</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment"># …</span>
<span class="token punctuation">}</span>
</code></pre>
<p>Das muss geändert werden:</p>
<pre><code class="block language-php"><span class="token keyword">foreach</span> <span class="token punctuation">(</span> <span class="token variable">$messages</span> <span class="token keyword">as</span> <span class="token variable">$line</span> <span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span> <span class="token variable">$line</span> <span class="token keyword">and</span> <span class="token variable">$data</span> <span class="token operator">=</span> <span class="token function">unserialize</span><span class="token punctuation">(</span> <span class="token variable">$line</span> <span class="token punctuation">)</span> <span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token comment"># …</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre>
<p>Das Löschen eines Inhalts einer Datei geht sehr bequem so:</p>
<pre><code class="block language-sh">~<span class="token operator">></span> truncate <span class="token parameter variable">-s</span> <span class="token number">0</span> test.txt
</code></pre>
<h3>Das Wichtigste:</h3><p><strong>Du kannst das NICHT veröffentlichen!</strong> Der gesamte Code (PHP und HTML) ist aus irgendwelchen Quellen kopiert. Und dabei hast Du Sachen kopiert, von denen Du nicht verstanden hast, was diese tun. Und es sieht gefährlich aus. Eine böswillige Person kann Dir und anderen schaden, in dem diese z.B.</p>
<p><code><script>alert('Iam a bad devil!');</script></code></p>
<p>als Nachricht oder Name einträgt. (Das ist nur ein Beispiel, eine reale Handlung könnte sehr viel schädlicher sein. )</p>
<pre><code class="block bad language-bad"> echo "<br>";
echo "<b>" . "From:" . "</b>" . " " . $data["name"] . " ";
echo "<b>" . "at:" . "</b>" . " " . $date = date('m/d/Y h:i:s a', time()) . "<br><br>";
echo $data["message"] . "<br><hr>";
</code></pre>
<p>das muss mindestens zu</p>
<pre><code class="block language-php"> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<br>"</span>
<span class="token operator">.</span> <span class="token string double-quoted-string">"<b>From:</b> "</span> <span class="token operator">.</span> <span class="token function">htmlspecialchars</span><span class="token punctuation">(</span> <span class="token variable">$data</span><span class="token punctuation">[</span><span class="token string double-quoted-string">"name"</span><span class="token punctuation">]</span> <span class="token punctuation">)</span>
<span class="token operator">.</span> <span class="token string double-quoted-string">" <b>at:</b> "</span> <span class="token operator">.</span> <span class="token function">htmlspecialchars</span><span class="token punctuation">(</span> <span class="token variable">$data</span><span class="token punctuation">[</span><span class="token string double-quoted-string">"datetime"</span><span class="token punctuation">]</span> <span class="token punctuation">)</span>
<span class="token operator">.</span> <span class="token string double-quoted-string">"<br><br>"</span> <span class="token operator">.</span> <span class="token function">htmlspecialchars</span><span class="token punctuation">(</span> <span class="token variable">$data</span><span class="token punctuation">[</span><span class="token string double-quoted-string">"message"</span><span class="token punctuation">]</span> <span class="token punctuation">)</span>
<span class="token operator">.</span> <span class="token string double-quoted-string">"<br><hr>"</span><span class="token punctuation">;</span>
</code></pre>
<p>werden <strong>und selbst dann ist das erzeugte HTML noch sehr schlecht</strong>.</p>
<p>Der Grund wird sein, dass Du Beispiele verwendest hast, welche teilweise ungefähr 20 Jahre alt sind. Genau sieht die Seite auch aus:</p>
<p><a href="/images/43f28f44-499f-4756-8b2f-a352c29f4c00.png" rel="noopener noreferrer"><img src="/images/43f28f44-499f-4756-8b2f-a352c29f4c00.png?size=medium" alt="" loading="lazy"></a></p>
<p>Das macht man heute nicht mehr. Man soll den Elementen ansehen, was diese bewirken.</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728438#m1728438
liebewinter
htmlkurss@web.de
2018-08-06T15:52:52Z
2018-08-06T16:00:58Z
Kommentar wird nicht geschrieben
<p>Danke für deinen Hilfe , ich habe deine Code so geschrieben…</p>
<pre><code class="block language-php"><span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token variable">$file</span> <span class="token operator">=</span> <span class="token string double-quoted-string">"test.txt"</span><span class="token punctuation">;</span>
<span class="token keyword">if</span><span class="token punctuation">(</span><span class="token keyword">empty</span><span class="token punctuation">(</span><span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'name'</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">||</span>
<span class="token keyword">empty</span><span class="token punctuation">(</span><span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'email'</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">||</span>
<span class="token keyword">empty</span><span class="token punctuation">(</span><span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'message'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<br>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"<b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"<h3>*** Please enter all required fields ***</h3>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"</b>"</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword">else</span>
<span class="token punctuation">{</span>
<span class="token variable">$name</span> <span class="token operator">=</span> <span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'name'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token variable">$email</span> <span class="token operator">=</span> <span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'email'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token variable">$message</span> <span class="token operator">=</span> <span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'message'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token keyword">if</span><span class="token punctuation">(</span><span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$name</span><span class="token punctuation">)</span> <span class="token operator">&&</span> <span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$email</span><span class="token punctuation">)</span> <span class="token operator">&&</span> <span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$message</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token variable">$data</span> <span class="token operator">=</span> <span class="token keyword">array</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"name"</span> <span class="token operator">=></span> <span class="token variable">$name</span><span class="token punctuation">,</span> <span class="token string double-quoted-string">"email"</span> <span class="token operator">=></span> <span class="token variable">$email</span><span class="token punctuation">,</span> <span class="token string double-quoted-string">"message"</span> <span class="token operator">=></span> <span class="token variable">$message</span><span class="token punctuation">,</span> <span class="token string double-quoted-string">"datetime"</span> <span class="token operator">=></span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'m/d/Y h:i:s a'</span><span class="token punctuation">,</span> <span class="token function">time</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$data</span> <span class="token operator">=</span> <span class="token function">serialize</span><span class="token punctuation">(</span> <span class="token variable">$data</span> <span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">file_put_contents</span><span class="token punctuation">(</span> <span class="token variable">$file</span><span class="token punctuation">,</span> <span class="token variable">$data</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"\n"</span><span class="token punctuation">,</span> <span class="token class-name">FILE_APPEND</span><span class="token operator">|</span><span class="token class-name">LOCK_EX</span> <span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"at:"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"</b>"</span> <span class="token operator">.</span> <span class="token string double-quoted-string">" "</span> <span class="token operator">.</span> <span class="token variable">$data</span><span class="token punctuation">[</span><span class="token string double-quoted-string">"datetime"</span><span class="token punctuation">]</span> <span class="token operator">.</span> <span class="token string double-quoted-string">"<br><br>"</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token variable">$messages</span> <span class="token operator">=</span> <span class="token function">file</span><span class="token punctuation">(</span><span class="token variable">$file</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">foreach</span> <span class="token punctuation">(</span> <span class="token variable">$messages</span> <span class="token keyword">as</span> <span class="token variable">$line</span> <span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span> <span class="token variable">$line</span> <span class="token keyword">and</span> <span class="token variable">$data</span> <span class="token operator">=</span> <span class="token function">unserialize</span><span class="token punctuation">(</span> <span class="token variable">$line</span> <span class="token punctuation">)</span> <span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token comment"># …</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<br>"</span>
<span class="token operator">.</span> <span class="token string double-quoted-string">"<b>From:</b>"</span> <span class="token operator">.</span> <span class="token function">htmlspecialchars</span><span class="token punctuation">(</span> <span class="token variable">$data</span><span class="token punctuation">[</span><span class="token string double-quoted-string">"name"</span><span class="token punctuation">]</span> <span class="token punctuation">)</span>
<span class="token operator">.</span> <span class="token string double-quoted-string">"<b>at:</b>"</span> <span class="token operator">.</span> <span class="token function">htmlspecialchars</span><span class="token punctuation">(</span> <span class="token variable">$data</span><span class="token punctuation">[</span><span class="token string double-quoted-string">"datetime"</span><span class="token punctuation">]</span> <span class="token punctuation">)</span>
<span class="token operator">.</span> <span class="token string double-quoted-string">"<br><br>"</span> <span class="token operator">.</span> <span class="token function">htmlspecialchars</span><span class="token punctuation">(</span> <span class="token variable">$data</span><span class="token punctuation">[</span><span class="token string double-quoted-string">"message"</span><span class="token punctuation">]</span> <span class="token punctuation">)</span>
<span class="token operator">.</span> <span class="token string double-quoted-string">"<br><hr>"</span><span class="token punctuation">;</span>
<span class="token operator">~</span><span class="token operator">></span> truncate <span class="token operator">-</span>s <span class="token number">0</span> test<span class="token operator">.</span>txt
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token delimiter important">?></span></span>
aber die webseite wird nicht gezeigt....
</code></pre>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728443#m1728443
Regina Schaukrug - die echte
2018-08-06T16:16:36Z
2018-08-06T16:16:36Z
Kommentar wird nicht geschrieben
<p>Das hier ist kein PHP:</p>
<pre><code class="block language-sh">truncate <span class="token parameter variable">-s</span> <span class="token number">0</span> test.txt
</code></pre>
<p>Das sollst Du in einem Terminal ausführen um die Datei test.txt zu leeren.</p>
<p>Du muss unbedingt lernen, dass in der Datei <code>/var/log/apache2/error.log</code> alle Fehler automatisch in englischer Sprache eingetragen werden.</p>
<p>Beim Entwickeln gehe wie folgt vor:</p>
<ol>
<li>Öffne ein Terminal</li>
<li>Tippe <code>sudo tail -f -n /var/log/apache2/error.log</code> ein. Gib das Passwort ein, falls Du gefragt wirst.</li>
<li>Lass das Terminal offen, während Du die Webseite abrufst.</li>
<li>Schau in diesem Terminal nach, welche Fehler hinzugekommen sind. Und werte die Fehlermeldungen (auch die Notizen!) aus.</li>
</ol>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728446#m1728446
liebewinter
htmlkurss@web.de
2018-08-06T16:26:53Z
2018-08-06T16:29:40Z
Kommentar wird nicht geschrieben
<p>Hallo , ich habe gemacht was du Oben sagst aber ist nicht gezeigt , egal ... , ich habe die Datei geöffnet und zeigt das ....</p>
<blockquote>
<p>[Mon Aug 06 18:21:43.458911 2018] [:error] [pid 15430] [client 127.0.0.1:36320] PHP Parse error: syntax error, unexpected '}', expecting end of file in /var/www/html/prove.php on line 360</p>
</blockquote>
<p>[Mon Aug 06 18:21:47.684645 2018] [:error] [pid 7651] [client 127.0.0.1:36322] PHP Parse error: syntax error, unexpected '}', expecting end of file in /var/www/html/prove.php on line 360</p>
<p>was ich auf zeile hatte , war ein <strong>}</strong> ich habe ihn gelöscht , aber das Probleme bleibt ....</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728449#m1728449
Regina Schaukrug - die echte
2018-08-06T16:30:55Z
2018-08-06T16:30:55Z
Kommentar wird nicht geschrieben
<blockquote>
<p><code>unexpected '}', expecting end of file</code></p>
</blockquote>
<p>Du hast ein also ein '}' zu viel. Jetzt finde heraus wo. Ein guter Editor wird Dir dabei helfen.</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728450#m1728450
liebewinter
htmlkurss@web.de
2018-08-06T16:34:59Z
2018-08-06T16:34:59Z
Kommentar wird nicht geschrieben
<p>Hallo , ich habe gemacht was du Oben sagst aber ist nicht gezeigt , egal ... , ich habe die Datei geöffnet und zeigt das ....</p>
<blockquote>
<p>[Mon Aug 06 18:21:43.458911 2018] [:error] [pid 15430] [client 127.0.0.1:36320] PHP Parse error: syntax error, unexpected '}', expecting end of file in /var/www/html/prove.php on line 360</p>
</blockquote>
<p>[Mon Aug 06 18:21:47.684645 2018] [:error] [pid 7651] [client 127.0.0.1:36322] PHP Parse error: syntax error, unexpected '}', expecting end of file in /var/www/html/prove.php on line 360</p>
<p>was ich auf zeile hatte , war ein <strong>}</strong> ich habe ihn gelöscht und noch andere Fehler welcher du frühr gesprochen hast , <strong>~> truncate -s 0 test.txt</strong> , habe ihn gelöscht und jetzt bekomme die Website...</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728451#m1728451
liebewinter
htmlkurss@web.de
2018-08-06T16:43:41Z
2018-08-06T16:53:46Z
Kommentar wird nicht geschrieben
<p>jetzt habe noch nach fehler gesucht und bekomme</p>
<blockquote>
<p>[Mon Aug 06 18:36:18.894007 2018] [:error] [pid 15430] [client 127.0.0.1:36422] PHP Notice: unserialize(): Error at offset 0 of 1 bytes in /var/www/html/prove.php on line 376</p>
</blockquote>
<p>und auf zeile 376 habe....</p>
<blockquote></blockquote>
<pre><code>376 if ( $line and $data = unserialize( $line ) ) {
echo "<br>"
</code></pre>
<p>ich habe jetzt der Bluefish Editor installiert ....</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728454#m1728454
Regina Schaukrug - die echte
2018-08-06T16:55:38Z
2018-08-06T16:57:06Z
Kommentar wird nicht geschrieben
<p>Was hat das</p>
<pre><code class="block language-php"> <span class="token comment"># … </span>
</code></pre>
<p>da zu suchen? Da war eine einzelne Zeile. Und ist ein Kommentar.</p>
<pre><code class="block language-php"><span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token comment"># …</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"Hallo"</span><span class="token punctuation">;</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">" Welt"</span><span class="token punctuation">;</span>
</span></code></pre>
<p>ergibt: <code>Hallo Welt</code></p>
<p>Löschst Du aber einen Zeilenbruch ...</p>
<pre><code class="block language-php"><span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token comment"># … echo "Hallo";</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">" Welt"</span><span class="token punctuation">;</span>
</span></code></pre>
<p>... dann ergibt das: <code>Welt</code></p>
<p>Bitte versuche ein Grundlagenbuch oder eine Webseite zum Erlernen von PHP in Deiner Muttersprache zu finden.</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728474#m1728474
liebewinter
htmlkurss@web.de
2018-08-06T18:06:18Z
2018-08-06T18:07:54Z
Kommentar wird nicht geschrieben
<p>ich habe</p>
<blockquote>
<h3>…</h3></blockquote>
<p>geschrieben weil du geschriebst hast....</p>
<p>ich weiss <strong>echo</strong> für drück ist , ich weiss das ich keine ahnung von PHP have , deshalb ich frage , um jemand mir zu helfe…</p>
<p>ich versuche jemand frage mit deinem Code , vielleicht wegen Geld....</p>
<p>ich danke mir dich für deinem hilfe</p>
https://forum.selfhtml.org/self/2018/aug/6/kommentar-wird-nicht-geschrieben/1728476#m1728476
Regina Schaukrug - die echte
2018-08-06T18:28:14Z
2018-08-06T18:32:16Z
Kommentar wird nicht geschrieben
<blockquote>
<p>ich habe</p>
</blockquote>
<blockquote>
<h3>…</h3></blockquote>
<blockquote>
<p>geschrieben weil du geschriebst hast.</p>
</blockquote>
<p>Der "Kleine Unterschied" ist:</p>
<p>Ich habe</p>
<pre><code class="block good language-php"><span class="token keyword">if</span> <span class="token punctuation">(</span> <span class="token variable">$line</span> <span class="token keyword">and</span> <span class="token variable">$data</span> <span class="token operator">=</span> <span class="token function">unserialize</span><span class="token punctuation">(</span> <span class="token variable">$line</span> <span class="token punctuation">)</span> <span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token comment"># …</span>
<span class="token keyword">echo</span> <span class="token string double-quoted-string">"<br>"</span>
</code></pre>
<p>geschrieben. Du hast:</p>
<pre><code class="block bad language-php"><span class="token keyword">if</span> <span class="token punctuation">(</span> <span class="token variable">$line</span> <span class="token keyword">and</span> <span class="token variable">$data</span> <span class="token operator">=</span> <span class="token function">unserialize</span><span class="token punctuation">(</span> <span class="token variable">$line</span> <span class="token punctuation">)</span> <span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token comment"># … echo "<br>"</span>
</code></pre>
<p>geschrieben.</p>
<p>In einem Programm ist das oft ein großer Unterschied!</p>
<p>Merke Dir: <em>"Computer sind so dumm, dass die schon bei dem Fehlen eines einzelnen Zeilenumbruchs wegen eines "Fehlers" nichts mehr machen - dafür aber genau und schnell!"</em></p>