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?
Beiträge von 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
-
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
Alles anzeigen<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>Danke im Voraus!
Gruß
Sasi