Probleme mit Zentrierung von Tabellen – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Probleme mit Zentrierung von Tabellen Fri, 19 Jun 20 15:32:19 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772349#m1772349 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772349#m1772349 <p>Hallo, auf meiner Website habe ich eine Tabelle die in PHP erzeugt wird. Aus irgendeinem Grund wird die Tabelle aber Links an den Rand gepresst (siehe Bild<a href="/images/85282246-b241-11ea-9911-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/85282246-b241-11ea-9911-b42e9947ef30.png?size=medium" alt="Tabelle Links" title="Tabelle Links" loading="lazy"></a>)</p> <p>Im style.css habe ich bisher folgendes:</p> <pre><code class="block language-css"><span class="token selector">.tables</span> <span class="token punctuation">{</span> <span class="token property">width</span><span class="token punctuation">:</span> 600px<span class="token punctuation">;</span> <span class="token property">margin-left</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">table, th, td</span> <span class="token punctuation">{</span> <span class="token property">border</span><span class="token punctuation">:</span> 1px solid #a0a0a0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token selector">th, td</span> <span class="token punctuation">{</span> <span class="token property">font-weight</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">th</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span>coral<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #f1f3f4<span class="token punctuation">;</span> <span class="token property">font-weight</span><span class="token punctuation">:</span> 700<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> Probleme mit Zentrierung von Tabellen Fri, 19 Jun 20 15:38:19 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772350#m1772350 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772350#m1772350 <p>Hallo Chuaat,</p> <p><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Ausrichtung/Inhalte_zentrieren" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/CSS/Tutorials/Ausrichtung/Inhalte_zentrieren</a></p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Probleme mit Zentrierung von Tabellen Fri, 19 Jun 20 20:39:11 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772351#m1772351 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772351#m1772351 <p>Hallo Chuaat,</p> <p>ohne Kenntnis des HTML kann man schlecht beurteilen, ob das CSS ok ist.</p> <p>Mir fällt nur auf, dass der Tabelle nicht nur der margin, sondern auch die richtige Breite fehlt. Hat die table die class tables?</p> <p>Zum zentrieren verwendet man aber grundsätzlich keinen margin, der zur Breite passt, sondern <code>margin:auto</code>.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 07:37:15 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772355#m1772355 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772355#m1772355 <p>Hallo Chuaat,</p> <p>in Ergänzung zu dem, was Matthias und Rolf schrieben:<br> Ich denke, dass deine Fehlannahme darin besteht, was <a href="https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Textausrichtung/text-align" rel="nofollow noopener noreferrer">text-align</a> macht. Es macht genau das, was es verspricht: <em>Text</em> zentrieren. Und das auch mit Erfolg, denn der Text in deiner Tabelle ist zentriert.</p> <p>Gruß<br> Julius</p> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 07:41:11 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772356#m1772356 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772356#m1772356 <p>Hallo Rolf, erstmal danke für deine Antwort. Die Tabelle hat tatsächlich die class tables. Das HTML der Seite sieht so aus:</p> <pre><code class="block language-php"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">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>title</span><span class="token punctuation">></span></span>Bio<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>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">media</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>(orientation: landscape)<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>desktop.css<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>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">media</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>(orientation: portrait)<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>mobile.css<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>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>width=device-width, 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>head</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>div</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>wrapper<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>h1</span><span class="token punctuation">></span></span>Biologie<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">include</span> <span class="token string single-quoted-string">'header.php'</span><span class="token punctuation">;</span> <span class="token delimiter important">?></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>div</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>tables<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 php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">include</span> <span class="token string single-quoted-string">'abfrage.php'</span><span class="token punctuation">;</span> <span class="token delimiter important">?></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>br</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>Hier unten bitte Hausis reinschreiben<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">include</span> <span class="token string single-quoted-string">'hausaufgaben_eintragen.php'</span> <span class="token delimiter important">?></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript"> window<span class="token punctuation">.</span><span class="token function-variable function">onscroll</span> <span class="token operator">=</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token function">myFunction</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">var</span> header <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"myHeader"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">var</span> sticky <span class="token operator">=</span> header<span class="token punctuation">.</span>offsetTop<span class="token punctuation">;</span> <span class="token keyword">function</span> <span class="token function">myFunction</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>window<span class="token punctuation">.</span>pageYOffset <span class="token operator">></span> sticky<span class="token punctuation">)</span> <span class="token punctuation">{</span> header<span class="token punctuation">.</span>classList<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">"sticky"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span> header<span class="token punctuation">.</span>classList<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">"sticky"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</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>` </code></pre> <p>Wobei in abfrage.php die Tabelle generiert wird. Abfrage.php:</p> <pre><code class="block language-php"><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token variable">$abfrage</span> <span class="token operator">=</span> <span class="token string double-quoted-string">"SELECT * FROM Hausaufgaben WHERE Fach LIKE 'Bio' ORDER BY Bis "</span><span class="token punctuation">;</span> <span class="token variable">$ergebnis</span> <span class="token operator">=</span> <span class="token function">mysqli_query</span><span class="token punctuation">(</span><span class="token variable">$db</span><span class="token punctuation">,</span> <span class="token variable">$abfrage</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<table>"</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<th>Erledigen Bis </th>"</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<th>Hausaufgabe </th>"</span><span class="token punctuation">;</span> <span class="token variable">$date2</span> <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span> <span class="token variable">$datum</span> <span class="token operator">=</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"Y.d.m"</span><span class="token punctuation">,</span><span class="token variable">$timestamp</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">while</span><span class="token punctuation">(</span><span class="token variable">$row</span> <span class="token operator">=</span> <span class="token function">mysqli_fetch_object</span><span class="token punctuation">(</span><span class="token variable">$ergebnis</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">"<tr>"</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<td>"</span><span class="token punctuation">,</span><span class="token variable">$row</span><span class="token operator">-></span><span class="token property">Bis</span><span class="token operator">.</span><span class="token string double-quoted-string">"</td>"</span><span class="token punctuation">;</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token variable">$date2</span> <span class="token operator">==</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token variable">$date2</span> <span class="token operator">=</span> <span class="token variable">$row</span><span class="token operator">-></span><span class="token property">Bis</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<td>"</span><span class="token punctuation">,</span><span class="token variable">$row</span><span class="token operator">-></span><span class="token property">Hausaufgabe</span><span class="token operator">.</span><span class="token string double-quoted-string">"</td>"</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"</tr>"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"</table>"</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token punctuation">(</span><span class="token variable">$date2</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$dateTimestamp1</span> <span class="token operator">=</span> <span class="token variable">$timestamp</span><span class="token punctuation">;</span> <span class="token variable">$dateTimestamp2</span> <span class="token operator">=</span> <span class="token function">strtotime</span><span class="token punctuation">(</span><span class="token variable">$date2</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$dateTimestamp1</span> <span class="token operator">=</span> <span class="token variable">$dateTimestamp1</span> <span class="token operator">-</span> <span class="token number">86400</span><span class="token punctuation">;</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token variable">$dateTimestamp1</span> <span class="token operator">></span> <span class="token variable">$dateTimestamp2</span><span class="token punctuation">)</span> <span class="token variable">$datum2</span> <span class="token operator">=</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"Y-d-m"</span><span class="token punctuation">,</span><span class="token variable">$dateTimestamp2</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$loeschen</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token string double-quoted-string">"DELETE FROM Hausaufgaben WHERE Bis LIKE <span class="token interpolation"><span class="token variable">$datum2</span></span>"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$loesch</span> <span class="token operator">=</span> <span class="token function">mysqli_query</span><span class="token punctuation">(</span><span class="token variable">$db</span><span class="token punctuation">,</span> <span class="token variable">$loeschen</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span> </code></pre> <p>margin:auto habe ich auch probiert, die Tabelle bleibt links. Ich vermute ich habe unwissentlich zwei sich entgegensprechende Attribute benutzt. Wer will, kann sich die Website auch <a href="http://hausis.bplaced.net" rel="nofollow noopener noreferrer">hier</a> mal anschauen.</p> <p>Chuaat</p> <p>Edit Rolf B: Codeformatierung korrigiert.</p> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 08:00:13 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772357#m1772357 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772357#m1772357 <p>Hallo,</p> <blockquote> <p>Es macht genau das, was es verspricht: Text zentrieren. Und das auch mit Erfolg, denn der Text in deiner Tabelle ist zentriert.</p> </blockquote> <p>Obwohl <code>text-align:left</code> angegeben ist…<br> Ich vermag keinen Erfolg erkennen.</p> <p>Gruß<br> Kalk</p> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 08:38:28 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772359#m1772359 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772359#m1772359 <p>Hallo, ich bin mir aber nicht sicher was genau ich verwenden soll, um die Tabelle weiter nach rechts, bzw. in die Mitte verschieben soll.</p> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 08:44:11 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772361#m1772361 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772361#m1772361 <p>Hi Julius,</p> <blockquote> <p>Es [<a href="https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Textausrichtung/text-align" rel="nofollow noopener noreferrer">text-align</a>] macht genau das, was es verspricht: <em>Text</em> zentrieren.</p> </blockquote> <p>das ist die Wahrheit, aber nicht die ganze Wahrheit.</p> <p>Es zentriert nämlich ganz allgemein inline-Inhalte. Dazu zählen z.B. auch Bilder (img) oder Formularelemente, wenn man die Defaults nicht überschreibt.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 09:17:25 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772368#m1772368 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772368#m1772368 <p>Danke dir, <a href="/users/3962" class="mention registered-user" rel="noopener noreferrer">@Tabellenkalk</a> und <a href="/users/475" class="mention registered-user" rel="noopener noreferrer">@Der Martin</a> für eure Beiträge zu dem Thema.</p> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 08:34:46 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772358#m1772358 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772358#m1772358 <p>Hallo Chuaat,</p> <blockquote> <p>Die Tabelle hat tatsächlich die class tables.</p> </blockquote> <p>Dieser Satz enthält zwei Fehler.</p> <ol> <li> <p>Du verwendest id="tables", statt class="tables". Deswegen ist deine .tables Regel im css unwirksam. Die Angabe id="tables" matcht man mit <code>#tables</code>, und class="tables" mit <code>.tables</code>.</p> </li> <li> <p>Die Tabelle hat weder id noch class tables, sondern diese id liegt auf einem div drumherum. Ein div ist ein Blockelement und breitet sich, sofern man das nicht beeinflusst, bis zum rechten Rand aus. Deswegen ist ein margin:auto unwirksam: Es gibt keinen freien Platz, den man als margin verteilen könnte.</p> </li> </ol> <p>Also:</p> <ul> <li>Das <div id="tables"> komplett entfernen. Das scheint mir keine Kunst zu sein, sondern etwas, das bedenkenlos weg kann.</li> <li>Das <br> vor der Table kann auch weg. Abstände erstellt man im CSS mit margin.</li> <li>Gib dem <table> Element das Attribut <code>class="tables"</code>. Darin brauchst Du eigentlich nur <code>margin: 1em auto;</code> (das 1em als Ersatz für das <br>), ggf. kannst Du noch eine width setzen, aber die bitte nicht in px, sondern in em oder ch. 1em ist der aktuelle font-size Wert (was der Höhe der Schrift entspricht), 1ch ist die Breite der Ziffer 0 im aktuellen Font. Ich würde sagen, mit 40em oder 60ch bist Du gut bedient.</li> </ul> <p>Weitere Hinweise:</p> <ul> <li> <p>Eigentlich ist <code>class="tables"</code> nicht gut, weil nicht konkret genug. Klassen sollten eine fachliche Beschreibung dessen sein, was von diesem HTML dargestellt wird. In diesem Fall wäre <code>class="hausaufgabenliste"</code> vermutlich die bessere Wahl.</p> </li> <li> <p>Dieser Klassenname deutet darauf hin, dass auch <table> eigentlich nicht die richtige Wahl ist. Man könnte auch argumentieren, dass dies eine Liste von Aufgaben ist, und das <dl> Element nutzen. Damit hättest Du relativ einfach die Möglichkeit, per CSS zwischen einer Matrixdarstellung (2 Spalten) und einer Listendarstellung (Datum links, die Aufgaben zum Datum eingerückt darunter) umzuschalten.</p> </li> <li> <p>Verwende nicht media="(orientation:...)" als Grundsatzfilter für die CSS Links. Dadurch entsteht eine Menge Redundanz in den CSS Dateien, die Du pflegen musst. Die korrekte Lösung ist "Mobile First", d.h. Du machst eine .css Datei, die für Smartphones eine gute Anzeige bringt, und baust dann in diese CSS Datei mit @media Queries Zusätze ein, die Styles hinzufügen oder überschreiben, so dass die Anzeige für breite Geräte (Tablet, ggf. Handy im Querformat, Desktop-PC) verbessert wird. In diesen @media-Queries frage dann aber nicht die Orientierung ab, sondern die width, und zwar in em oder ch. Vorteil ist: wenn jemand einen größeren Font einstellt, schaltet die Seite erst bei einer größeren Breite in den "Breit"-Modus.</p> </li> <li> <p>Verwende nicht font-family: arial. Das ist nicht genug. Du möchtest Arial, das ist ok, aber den hat nicht jeder. Du brauchst eine Liste von serifenlosen Fonts, und eine generische Angabe am Schluss, falls alle Fonts auf dem Gerät unbekannt sind. Unser Wiki empfiehlt: <code>font-family: Helvetica, Arial, Geneva, sans-serif;</code></p> </li> <li> <p>Deine Seite kann nicht bedient werden, die Menüpunkte sind nicht erreichbar. Es sei denn, man hat eine Maus oder einen Touchscreen. Eine Tastaturbedienung ist nicht möglich, und ein Screenreader dürfte ebenfalls scheitern. Dropdown-Menüs nur über :hover sind nicht zugänglich, das braucht JavaScript. Unser Wiki enthält ein <a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/zug%C3%A4ngliche_Dropdown-Navigation" rel="nofollow noopener noreferrer">Tutorial</a> dazu. Ich kann Dich nicht dazu zwingen, und es ist auch ordentlich Arbeit. Wenn deine Nutzergruppe mit :hover klarkommt, würde ich sagen: Investiere die Zeit lieber ins Vokabellernen </p> </li> </ul> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 09:01:39 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772363#m1772363 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772363#m1772363 <p>@@Chuaat</p> <blockquote> <pre><code class="block language-php"><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token variable">$abfrage</span> <span class="token operator">=</span> <span class="token string double-quoted-string">"SELECT * FROM Hausaufgaben WHERE Fach LIKE 'Bio' ORDER BY Bis "</span><span class="token punctuation">;</span> <span class="token variable">$ergebnis</span> <span class="token operator">=</span> <span class="token function">mysqli_query</span><span class="token punctuation">(</span><span class="token variable">$db</span><span class="token punctuation">,</span> <span class="token variable">$abfrage</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<table>"</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<th>Erledigen Bis </th>"</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<th>Hausaufgabe </th>"</span><span class="token punctuation">;</span> <span class="token variable">$date2</span> <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span> <span class="token variable">$datum</span> <span class="token operator">=</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"Y.d.m"</span><span class="token punctuation">,</span><span class="token variable">$timestamp</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">while</span><span class="token punctuation">(</span><span class="token variable">$row</span> <span class="token operator">=</span> <span class="token function">mysqli_fetch_object</span><span class="token punctuation">(</span><span class="token variable">$ergebnis</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">"<tr>"</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<td>"</span><span class="token punctuation">,</span><span class="token variable">$row</span><span class="token operator">-></span><span class="token property">Bis</span><span class="token operator">.</span><span class="token string double-quoted-string">"</td>"</span><span class="token punctuation">;</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token variable">$date2</span> <span class="token operator">==</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token variable">$date2</span> <span class="token operator">=</span> <span class="token variable">$row</span><span class="token operator">-></span><span class="token property">Bis</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<td>"</span><span class="token punctuation">,</span><span class="token variable">$row</span><span class="token operator">-></span><span class="token property">Hausaufgabe</span><span class="token operator">.</span><span class="token string double-quoted-string">"</td>"</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"</tr>"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"</table>"</span><span class="token punctuation">;</span> <span class="token keyword">echo</span> <span class="token punctuation">(</span><span class="token variable">$date2</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$dateTimestamp1</span> <span class="token operator">=</span> <span class="token variable">$timestamp</span><span class="token punctuation">;</span> <span class="token variable">$dateTimestamp2</span> <span class="token operator">=</span> <span class="token function">strtotime</span><span class="token punctuation">(</span><span class="token variable">$date2</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$dateTimestamp1</span> <span class="token operator">=</span> <span class="token variable">$dateTimestamp1</span> <span class="token operator">-</span> <span class="token number">86400</span><span class="token punctuation">;</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token variable">$dateTimestamp1</span> <span class="token operator">></span> <span class="token variable">$dateTimestamp2</span><span class="token punctuation">)</span> <span class="token variable">$datum2</span> <span class="token operator">=</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"Y-d-m"</span><span class="token punctuation">,</span><span class="token variable">$dateTimestamp2</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$loeschen</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token string double-quoted-string">"DELETE FROM Hausaufgaben WHERE Bis LIKE <span class="token interpolation"><span class="token variable">$datum2</span></span>"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$loesch</span> <span class="token operator">=</span> <span class="token function">mysqli_query</span><span class="token punctuation">(</span><span class="token variable">$db</span><span class="token punctuation">,</span> <span class="token variable">$loeschen</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span> </code></pre> </blockquote> <p>Du solltest Markup nicht mit PHP <code>echo</code> generieren, sondern PHP als Template-Sprache einsetzen. Sieht dann so aus:</p> <pre><code class="block language-php"><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token variable">$abfrage</span> <span class="token operator">=</span> <span class="token string double-quoted-string">"SELECT * FROM Hausaufgaben WHERE Fach LIKE 'Bio' ORDER BY Bis "</span><span class="token punctuation">;</span> <span class="token variable">$ergebnis</span> <span class="token operator">=</span> <span class="token function">mysqli_query</span><span class="token punctuation">(</span><span class="token variable">$db</span><span class="token punctuation">,</span> <span class="token variable">$abfrage</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$date2</span> <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span> <span class="token variable">$datum</span> <span class="token operator">=</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"Y.d.m"</span><span class="token punctuation">,</span><span class="token variable">$timestamp</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>thead</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>th</span><span class="token punctuation">></span></span>Erledigen Bis<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>th</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>th</span><span class="token punctuation">></span></span>Hausaufgabe<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>th</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>thead</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tbody</span><span class="token punctuation">></span></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">while</span><span class="token punctuation">(</span><span class="token variable">$row</span> <span class="token operator">=</span> <span class="token function">mysqli_fetch_object</span><span class="token punctuation">(</span><span class="token variable">$ergebnis</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 variable">$date2</span> <span class="token operator">==</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token variable">$date2</span> <span class="token operator">=</span> <span class="token variable">$row</span><span class="token operator">-></span><span class="token property">Bis</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token delimiter important">?></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">echo</span> <span class="token variable">$row</span><span class="token operator">-></span><span class="token property">Bis</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">echo</span> <span class="token variable">$row</span><span class="token operator">-></span><span class="token property">Hausaufgabe</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">endwhile</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tbody</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">echo</span> <span class="token punctuation">(</span><span class="token variable">$date2</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token variable">$dateTimestamp1</span> <span class="token operator">=</span> <span class="token variable">$timestamp</span><span class="token punctuation">;</span> <span class="token variable">$dateTimestamp2</span> <span class="token operator">=</span> <span class="token function">strtotime</span><span class="token punctuation">(</span><span class="token variable">$date2</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$dateTimestamp1</span> <span class="token operator">=</span> <span class="token variable">$dateTimestamp1</span> <span class="token operator">-</span> <span class="token number">86400</span><span class="token punctuation">;</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token variable">$dateTimestamp1</span> <span class="token operator">></span> <span class="token variable">$dateTimestamp2</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token variable">$datum2</span> <span class="token operator">=</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"Y-d-m"</span><span class="token punctuation">,</span><span class="token variable">$dateTimestamp2</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token variable">$loeschen</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token string double-quoted-string">"DELETE FROM Hausaufgaben WHERE Bis LIKE <span class="token interpolation"><span class="token variable">$datum2</span></span>"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$loesch</span> <span class="token operator">=</span> <span class="token function">mysqli_query</span><span class="token punctuation">(</span><span class="token variable">$db</span><span class="token punctuation">,</span> <span class="token variable">$loeschen</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span> </code></pre> <p>Fehlende HTML-Elemente (<code>thead</code>, <code>tr</code>) hab ich ergänzt; mögliche Logikfehler im PHP nicht korrigiert.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 10:02:49 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772369#m1772369 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772369#m1772369 <p>Hallo Chuaat,</p> <p>ich würde auch gern mal über die abfrage.php reden. Die sieht sehr merkwürdig aus.</p> <ul> <li>Wo kommt $timestamp her und was steht drin?</li> <li>Wieso formatierst Du Datumswerte als Y.d.m, das ist zum Sortieren und auch für deutsches Datumsverständnis unpassend. Entweder d.m.Y für die Anzeige, oder Y-m-d zum Sortieren.</li> <li>In der Datenbank sollte ein Datum kein String sein, bei Dir scheint es aber so zu sein. MYSQL hat eigene Datentypen für zeitliche Werte, in deinem Fall wäre wohl DATE richtig (es sei denn, du brauchst für die, die ihre HA in der Pause vor der Stunde machen, auch Uhrzeiten im „zu erledigen bis“). DATE Spalten werden trotzdem als String nach PHP transportiert (vermutlich aus irgendwelchen historischen Gründen), im Format Y-m-d, d.h. die solltest Du dann <strong>nicht</strong> mit strtotime in einen time_t verwandeln, sondern mit new DateTime($row->Bis) in ein DateTime Objekt. Davon kannst Du mit der add Methode einen Tag abziehen, das funktioniert dann auch korrekt an Tagen mit Uhrzeitumstellung.</li> </ul> <pre><code class="block language-php"><span class="token variable">$row</span> <span class="token operator">=</span> <span class="token function">mysqli_fetch_object</span><span class="token punctuation">(</span><span class="token variable">$db</span><span class="token punctuation">,</span> <span class="token function">mysqli_fetch_object</span><span class="token punctuation">(</span><span class="token variable">$ergebnis</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$bis</span> <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">DateTime</span><span class="token punctuation">(</span><span class="token variable">$row</span><span class="token operator">-></span><span class="token property">Bis</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token variable">$bis</span><span class="token operator">-></span><span class="token function">sub</span><span class="token punctuation">(</span><span class="token keyword">new</span> <span class="token class-name">DateInterval</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"P1D"</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 1 Tag abziehen</span> </code></pre> <p>Die Strings im Konstruktor für DateInterval sind etwas kryptisch, sie beginnen immer mit P (Periode), dann kommen Zahlen und Buchstaben. Näheres steht <a href="https://www.php.net/manual/en/dateinterval.construct.php" rel="nofollow noopener noreferrer">hier</a>.</p> <ul> <li>Du liest die aktuellen Aufgaben ein, aber es ist nicht so gut, wenn Du 'Bio' hart codiert in der Abfrage hat. Besser ist es, wenn Du deine Abfrage in eine Funktion packst und diese Funktion ganz zu Anfang von bio.php mit require_once einbindest. Der Funktion kannst Du dann Parameter geben. Die Ergebnisse sammelst Du in einem Array und gibst es zurück - man muss DB-Zugriffe, Fachlogik und HTML Ausgabe möglichst gut trennen, das schafft Wiederverwendbarkeit und macht den Code überschaubarer. Sicherlich gibt es noch mehr Code-Teile, die man auf diese Weise in Funktionen kapseln kann, daraus machst Du ein functions.php und lädst es zu Beginn.</li> </ul> <pre><code class="block language-php"><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">function</span> <span class="token function-definition function">LeseHausaufgaben</span><span class="token punctuation">(</span><span class="token variable">$fach</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token variable">$abfrage</span> <span class="token operator">=</span> <span class="token string double-quoted-string">"SELECT * FROM Hausaufgaben WHERE Fach = '<span class="token interpolation"><span class="token variable">$fach</span></span>' ORDER BY Bis "</span><span class="token punctuation">;</span> <span class="token variable">$ergebnis</span> <span class="token operator">=</span> <span class="token function">mysqli_query</span><span class="token punctuation">(</span><span class="token variable">$db</span><span class="token punctuation">,</span> <span class="token variable">$abfrage</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">$ergebnis</span> <span class="token operator">===</span> <span class="token constant boolean">FALSE</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token comment">// Hier noch hinzufügen: Fehler und SQL Query ins Log schreiben.</span> <span class="token comment">// NICHT ins HTML ausgeben</span> <span class="token keyword">die</span> <span class="token punctuation">(</span><span class="token string double-quoted-string">"SQL Query gescheitert!"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token variable">$aufgaben</span> <span class="token operator">=</span> <span class="token keyword">ARRAY</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">while</span> <span class="token punctuation">(</span><span class="token variable">$row</span> <span class="token operator">=</span> <span class="token function">mysqli_fetch_object</span><span class="token punctuation">(</span><span class="token variable">$ergebnis</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token variable">$aufgaben</span><span class="token punctuation">[</span><span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token variable">$row</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">return</span> <span class="token variable">$aufgaben</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </span></code></pre> <p>Das verwendest Du dann - verkürzt gezeigt - so:</p> <pre><code class="block language-php"><span class="token variable">$aufgaben</span> <span class="token operator">=</span> <span class="token function">LeseHausaufgaben</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"Bio"</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 function">count</span><span class="token punctuation">(</span><span class="token variable">$aufgaben</span><span class="token punctuation">)</span> <span class="token operator">==</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">echo</span> <span class="token string double-quoted-string">"Heute nichts auf"</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 keyword">foreach</span> <span class="token punctuation">(</span><span class="token variable">$aufgaben</span> <span class="token keyword">as</span> <span class="token variable">$aufgabe</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token operator">...</span> ausgeben <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <p>Deine Löschlogik ist mir nicht klar. Da ist ein $timestamp Wert mit unbekannter Herkunft, und du löschst dann mit einem LIKE. Das ist sehr merkwürdig. Zum einen ist LIKE für einen Mustervergleich gedacht und du hast überhaupt kein Muster, zum anderen - was willst Du tun? Alles löschen was bis gestern oder noch früher zu erledigen war? Dafür kannst Du SQL Bordmittel verwenden. Es gibt die Funktion CURDATE, die liefert das aktuelle Datum, und es gibt in SQL Datumsarithmetik:</p> <pre><code class="block language-sql"><span class="token keyword">DELETE</span> <span class="token keyword">FROM</span> Hausaufgaben <span class="token keyword">WHERE</span> Fach <span class="token operator">=</span> <span class="token string">'Bio'</span> <span class="token operator">AND</span> Bis <span class="token operator"><</span> DATE_SUB<span class="token punctuation">(</span>CURDATE<span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">,</span> <span class="token keyword">INTERVAL</span> <span class="token number">1</span> <span class="token keyword">DAY</span><span class="token punctuation">)</span> </code></pre> <p>Würde alles löschen, was bis vorgestern fällig war (wegen des < Vergleichs). Für Löschen "bis gestern" brauchst Du gar nicht rechnen.</p> <p>Das funktioniert natürlich nur gut, wenn Bis eine Datumsspalte ist.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 08:43:46 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772360#m1772360 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772360#m1772360 <p>Hallo Tabellenkalk,</p> <blockquote> <blockquote> <p>Es macht genau das, was es verspricht: Text zentrieren. Und das auch mit Erfolg, denn der Text in deiner Tabelle ist zentriert.</p> </blockquote> <p>Obwohl <code>text-align:left</code> angegeben ist…<br> Ich vermag keinen Erfolg erkennen.</p> </blockquote> <p>Du hast recht, im Ausschnitt ist es tatsächlich left. Allerdings sieht das Resultat wie das von <code>text-align:center</code> aus (danach habe ich mich gerichtet), und das ist es auch. <a href="http://hausis.bplaced.net/desktop.css" rel="nofollow noopener noreferrer">Im Stylesheet</a> wurde das auch für den body so formuliert.</p> <p>Gruß<br> Julius</p> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 09:07:50 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772365#m1772365 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772365#m1772365 <p>Danke für deine ausführliche Antwort! Ich werde versuchen das alles demnächst mal umzusetzen.</p> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 08:46:10 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772362#m1772362 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772362#m1772362 <p>Hallo Chuaat,</p> <blockquote> <p>ich bin mir aber nicht sicher was genau ich verwenden soll, um die Tabelle weiter nach rechts, bzw. in die Mitte verschieben soll.</p> </blockquote> <p>Matthias hat in seiner Antwort bereits den <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Ausrichtung/Inhalte_zentrieren" rel="nofollow noopener noreferrer">betreffenden Wiki-Artikel</a> verlinkt.</p> <p>Gruß<br> Julius</p> Probleme mit Zentrierung von Tabellen Sat, 20 Jun 20 09:11:26 Z https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772367#m1772367 https://forum.selfhtml.org/self/2020/jun/19/probleme-mit-zentrierung-von-tabellen/1772367#m1772367 <p>Hallo Gunnar, danke auch für deine Antwort, kann es sein das diese</p> <blockquote> <p>möglichen Logikfehler im PHP</p> </blockquote> <p>mit dem löschen am Ende zu tun haben?</p>