2017-08-22 7 views
0

Ich baue eine Seite im Intranet meiner Firma, die auf Sharepoint 2007 läuft. Ich versuche, Tabellen zu verwenden, um die Seite besser zu organisieren, aber es scheint, dass es eine Stylesheet, das alle Tabellen als Rahmen und graue Hintergründe definiert. Ich möchte die Formatierung der Tabelle ändern, finde jedoch keinen Weg um das Stylesheet herum.CSS im Content Management System übersteuern

Wenn ich den HTML-Editor eingeben, habe ich versucht, den HTML-Code innerhalb der Tabelle zu aktualisieren, aber kein Glück. Ich habe versucht, CSS in diesem Editor hinzuzufügen, aber keine Würfel. Ich bin ein Amateur bei so etwas, also nicht sicher, wie es am besten weitergeht. Gibt es eine Möglichkeit, dieses CSS zu überrollen und den Stil der Tabelle zu bekommen, den ich möchte?

+0

Sind die Tabellen für tatsächliche Daten? Oder versuchen Sie, sie zum Layout der Seite zu verwenden? Wenn es Letzteres ist, schlage ich vor, dass Sie keine Tabellen verwenden und Blockelemente wie 'divs' verwenden. Wenn es sich um tatsächliche Tabellendaten handelt und Sie inline-css nicht verwenden können, würde ich sagen, dass Sie möglicherweise kein Glück haben - es sei denn, Sie können Ihrem Sharepoint-Server ein eigenes Stylesheet hinzufügen. – disinfor

Antwort

0

Wie wird auf die Tabelle zugegriffen? Wenn es nur durch das Tabellen-Tag in css ausgewählt wird, können Sie nichts tun, wenn Sie nicht allen Tabellen eine Klasse zuweisen. Wenn es von einer Klasse ausgewählt wird, können Sie die Klasse nur für die eine Tabelle ändern, die Sie ändern möchten. Wenn Sie einige der Attribute beibehalten möchten, müssen Sie der Tabelle eine andere ID zuweisen, einen Selektor in CSS für diese ID erstellen und die Attribute hinzufügen, die Sie behalten möchten. Zum Beispiel ...

<table class = 'table'> 
<tr> 
<td>example<td> 
</tr> 
<tr> 
<td>example2<td> 
</tr> 
</table> 
<table class = 'table'> 
<tr> 
<td>example<td> 
</tr> 
<tr> 
<td>example2<td> 
</tr> 
</table> 
<table class = 'table'> 
<tr> 
<td>example<td> 
</tr> 
<tr> 
<td>example2<td> 
</tr> 
</table> 
<table class = 'table2'> 
<tr> 
<td>example<td> 
</tr> 
<tr> 
<td>example2<td> 
</tr> 
</table> 
<table class = 'table'> 
<tr> 
<td>example<td> 
</tr> 
<tr> 
<td>example2<td> 
</tr> 
</table> 


<style> 
.table{ 
border:solid 5px black; 
} 
.table2{ 
border:solid 5px purple 
} 
</style> 

in diesem Beispiel habe ich alle anderen Tabellen eine Klasse haben, und verändert nur die Klasse für die eine Tabelle, die ich ändern wollte.

+0

Ich konnte mein Problem lösen, indem ich ein bisschen mehr herumspielte. Durch Hinzufügen von Inline-CSS zur Tabelle und einzelnen Zellen konnte ich das bekommen, was ich brauchte. Es ist nicht ideal, erlaubt mir aber, die Seite viel besser zu gestalten. Danke für Ihre Hilfe. – NSmith

Verwandte Themen