Background Color wird nicht angezeigt.

alexmeier · 5. Oktober 2017

Hallo,

https://tspies.de/verein/gesamtspielplan ist eine Tabelle eingefügt. Im eigenständigen CSS ist die Background Color hinterlegt (ist auch im Quelltext zu sehen), jedoch bleibt die Tabelle quasi transparent bzw hat die Seitenhintergrundfarbe. Wo liegt der Denkfehler?
Tabelle wird im Beitrag als

PHP

{source}
<?php
require_once JPATH_SITE.'/images/...';
?>
{/source}

eingebunden.

Gruß Alex

Elwood · 5. Oktober 2017

Versuche es mal in der /bootstrap-gantry.css Zeile 1652:

Code

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

Gast · 5. Oktober 2017

Am Rande: diese ganze Arbeit mit diesen Tabellen kannst Du Dir sparen - schau es Dir einfach mal einem Handy an.

chr-hl · 5. Oktober 2017

Hallo,

nach der "reinen Lehre" hätte das Inline-CSS eigentlich "ziehen müssen". Das habe ich auch nicht verstanden
Jedoch würde ich den CSS-Code in eine custom.css verschieben.

Christian

Re:Later · 5. Oktober 2017

Verwende
background: #58ACFA;

statt
background-color: #58ACFA;

Warum, weiß der Teufel. Selbst, wenn man im Inspektor alle anderen css-Anweisungen deaktiviert, was background-color irgendwie überschreiben könnte, bleibt das td beharrlich auf weiß.

Re:Later · 5. Oktober 2017

Und zu dem Mobilgeräteproblem. Eine einfache Lösung:
Legst um die Tabelle noch ein

Code

<div class="tableWrapper" style="overflow: auto;">...Hier Tabelle...</div>

oder nur

Code

<div class="tableWrapper">...Hier Tabelle...</div>

und definierst per CSS

Code

.tableWrapper{overflow: auto;}

Dann hast horizontalen Scrollbalken, wenn Platz zu knapp wird.

Zitat von Oberaffe

Am Rande: diese ganze Arbeit mit diesen Tabellen kannst Du Dir sparen

Widerspruch. Eine Tabelle sollte eine Tabelle sein. Ggf. kann man Tools zum responsiven Umstrukturieren verwenden, aber = Arbeit. Und auch da ist Basis eine stinknormale HTML-Tabelle.

alexmeier · 9. Oktober 2017

Ich bedanke mich schon mal für die hilfreichen Tipps.

Tabellen sind beabsichtigt, ich wüsste nicht, wie man es sonst geschickt lösen könnte...

Ich habe es nun versucht so um zu setzen:

PHP

{source}


<style type="text/css">
.table_gesamtspielplan
td {border: 1px solid #000; padding: 5px; background: #58ACFA}
</style>


<div class="tableWrapper" style="overflow: auto;">


<?php
require_once JPATH_SITE.'/images/EigeneDateien/php/gesamtspielplan.php';
?>


</div>
{/source}

Alles anzeigen

was mir scheinbar gelungen ist