Tabellenrahmen bzw. Formatierung

Sasi

Hallo alle zusammen,

ich versuche seit Tagen eine Tabelle in Wordpress Seite einzubinden, leider vergebens.
Die Suche war bis jetzt erfolglos.

Folgendes Problem:

Ich habe eine Twenty Eleven Theme, der trotz Administrator Berechtigung dennoch eingeschränkt ist.
Wir sollen über die Seite eine Präsentation erstellen.

Auf der Seite kann man keine Plugins installieren, auch hat man nicht die Möglichkeit die einzelnen css, php, ect. Dateien zu editieren.

Wir haben nur die Möglichkeit, die style.css Datei zu verändern, mehr Berechtigung ist nicht vorhanden.

Nun zum eigentlichen Problem:

Ich habe versucht eine Tabelle mit und ohne Rahmen in einem Beitrag einzubinden, sowohl mit html als auch mit css.

Leider klappt das nicht, er übernimmt, egal wie ich es einstelle, nur den vorgegebenen Tabellenwert, also kein Gitternetz.

Der Fehler liegt nicht an der Einschränkung, weil ich es auch auf eine andere WP Seite mit volle Berechtigung ausprobiert habe.

So sieht es bei mir aktuell aus....

Eigentlich sollte es mit komplett schwarze Gitter versehen sein, bzw. auch farbliche Hintergründe ect.

Wo im style.css muss ich die Globale Veränderung durchführen, damit er die Tabellen (border) auch richtig anzeigt?

Weitere Frage wäre, kann man im style.css auch die Seiten Name, wie auf dem Beispielbild gezeigt "tabelle" verbergen?

Der dazugehörige Tabellen Quellcode:

Code

<head>
<style type="text/css">
<!-- 
.Tabelle {
 margin:0px;padding:0px;
 width:100%;
 box-shadow: 10px 10px 5px #888888;
 border:1px solid #000000;
 
 -moz-border-radius-bottomleft:0px;
 -webkit-border-bottom-left-radius:0px;
 border-bottom-left-radius:0px;
 
 -moz-border-radius-bottomright:0px;
 -webkit-border-bottom-right-radius:0px;
 border-bottom-right-radius:0px;
 
 -moz-border-radius-topright:0px;
 -webkit-border-top-right-radius:0px;
 border-top-right-radius:0px;
 
 -moz-border-radius-topleft:0px;
 -webkit-border-top-left-radius:0px;
 border-top-left-radius:0px;
}.Tabelle table{
    border-collapse: collapse;
        border-spacing: 0;
 width:100%;
 height:100%;
 margin:0px;padding:0px;
}.Tabelle tr:last-child td:last-child {
 -moz-border-radius-bottomright:0px;
 -webkit-border-bottom-right-radius:0px;
 border-bottom-right-radius:0px;
}
.Tabelle table tr:first-child td:first-child {
 -moz-border-radius-topleft:0px;
 -webkit-border-top-left-radius:0px;
 border-top-left-radius:0px;
}
.Tabelle table tr:first-child td:last-child {
 -moz-border-radius-topright:0px;
 -webkit-border-top-right-radius:0px;
 border-top-right-radius:0px;
}.Tabelle tr:last-child td:first-child{
 -moz-border-radius-bottomleft:0px;
 -webkit-border-bottom-left-radius:0px;
 border-bottom-left-radius:0px;
}.Tabelle tr:hover td{
 
}
.Tabelle tr:nth-child(odd){ background-color:#ffffff; }
.Tabelle tr:nth-child(even)    { background-color:#ffffff; }.Tabelle td{
 vertical-align:middle;
 
 
 border:1px solid #000000;
 border-width:0px 1px 1px 0px;
 text-align:left;
 padding:7px;
 font-size:10px;
 font-family:Arial;
 font-weight:normal;
 color:#000000;
}.Tabelle tr:last-child td{
 border-width:0px 1px 0px 0px;
}.Tabelle tr td:last-child{
 border-width:0px 0px 1px 0px;
}.Tabelle tr:last-child td:last-child{
 border-width:0px 0px 0px 0px;
}
.Tabelle tr:first-child td{
  background:-o-linear-gradient(bottom, #ff0000 5%, #bf5f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #bf5f00) );
 background:-moz-linear-gradient( center top, #ff0000 5%, #bf5f00 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#bf5f00"); background: -o-linear-gradient(top,#ff0000,bf5f00);
 background-color:#ff0000;
 border:0px solid #000000;
 text-align:center;
 border-width:0px 0px 1px 1px;
 font-size:14px;
 font-family:Arial;
 font-weight:bold;
 color:#000000;
}
.Tabelle tr:first-child:hover td{
 background:-o-linear-gradient(bottom, #ff0000 5%, #bf5f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #bf5f00) );
 background:-moz-linear-gradient( center top, #ff0000 5%, #bf5f00 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#bf5f00"); background: -o-linear-gradient(top,#ff0000,bf5f00);
 background-color:#ff0000;
}
.Tabelle tr:first-child td:first-child{
 border-width:0px 0px 1px 0px;
}
.Tabelle tr:first-child td:last-child{
 border-width:0px 0px 1px 1px;
}
-->
</style>
<title>Tabellenzelle mit Rahmen</title>
</head>
<body>
<div class="CSSTableGenerator" >
                <table >
                    <tr>
                        <td>
                            Title 1
                        </td>
                        <td >
                            Title 2
                        </td>
                        <td>
                            Title 3
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 1
                        </td>
                        <td>
                            Row 1
                        </td>
                        <td>
                            Row 1
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 3
                        </td>
                        <td>
                            Row 3
                        </td>
                        <td>
                            Row 3
                        </td>
                    </tr>
                </table>
            </div>
            
</body>

Alles anzeigen

Danke im Voraus!

Gruß
Sasi

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

B-52

Zitat von Sasi

Wir haben nur die Möglichkeit, die style.css Datei zu verändern, mehr Berechtigung ist nicht vorhanden.

Wer ist WIR? - Und wie soll ich da helfen, wenn nur die style.css im Theme editiert werden kann?

Typ: besorge Dir doch ein eigenes Hosting, bevor Du hunderte von Zeilen Code postest!

--edit--

Zitat von Sasi

Der Fehler liegt nicht an der Einschränkung, weil ich es auch auf eine andere WP Seite mit volle Berechtigung ausprobiert habe.

Aha! Und woran kann das wohl liegen? (das war eine Suggestivfrage) ;-)

Gruss B-52

Sasi

Es handelt sich dabei um einen Blogsystem der Hochschule.
Mehr Berechtigung wird nicht erteilt. Eigene Hosting darf leider auch nicht verwendet werden.
Das wäre zu einfach :)

Meine Frage war nur, ob das mit dem style.css möglich ist, die Tabellenvorgaben zu ändern.

Gruß Sasi

B-52

Zitat von Sasi

Meine Frage war nur, ob das mit dem style.css möglich ist, die Tabellenvorgaben zu ändern.

ich denke nein! Beim Twenty Eleven Theme hatte ich das auch schon vergebens versucht. Irgendwas wurstelt da von den *.php Files des Themes dazwischen...

Warten wir doch auf eine Antwort :-)

Dezanjo

hab es nur überflogen - txt zu lang - aber was mir aufgefallen ist, du sprichst in der css die class '.Tabelle' an, diese klasse ist im html gar nicht vergeben worden.

Sasi

ob ich die Tabelle mit html oder css befehlen erstelle oder nicht, Ergebnis bleibt gleich.
ich kann die Tabelle nicht formatieren, bzw. wird es nicht richtig dargestellt.

oder gibt es andere befehle, um Tabellen in wp darzustellen?

Frank9652

Hallo Sasi!
Du bist schon auf dem richtigen Weg, allerdings kann ich auch nur einen Hinweis geben, weil ich es selber noch nicht ganz durchblickt habe.
Bei mir ist es auch so (Theme: Twenty Ten), dass übergeordnete CSS-Befehle den Code der Tabelle so beeinflussen, dass generell die Tabellenrahmen durchsichtig angezeigt werden.
Durch irgend einen Eintrag in der style.css (ich hatte einen Wert von Null auf eins gesetzt) und dem zusätzlichen Border-Eintrag in der Tabelle habe ich es geschafft, dass zumindest die Tabelle mit einem sichtbaren Rahmen angezeigt wird.
Fehlt der Border Eintrag in der Tabelle, dann wird der Rahmen trotz der richtigen Änderung in der style.css nicht angezeigt.
Link zu einer meiner Tabellen.
Wo die Stelle in der Style.css gewesen ist, weiß ich aber nicht mehr (und finde sie auch nicht mehr). Aber auch das cellspacing und cellpadding funktioniert nicht, deshalb muss ich da noch mal in der style.css weiter forschen (und evtl. die Stelle mit dem Tabellenrahmen wiederfinden).

Beispieltabelle:
<table style="width: 500px;" border="1" cellspacing="5">
<tbody>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>

Gruß Frank

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Tabellenrahmen bzw. Formatierung

Jetzt mitmachen!