Zweites Stylesheet als Tabelle einbinden

madhoc · #1 (**permalink**) 09.03.2006, 16:40

Hallo Forum,
ich möchte auf einer Website eine zweite Tabelle einbinden. Die erste Tabelle wurde mit Excel erstellt und als Webseite abgespeichert und eingefügt.
Das Problem besteht darin, dass meine zweite Tabelle "händisch" mit CSS erstellt ist und die Vorgaben leider Auswirkungen auf die Exceltabelle haben (Farbe plötzlich anders, neue Zellen...).
Meine Frage ist :
Wie kann ich eine CSS-Tabelle einfügen, ohne dass diese Auswirkungen auf die bereits vorhandene hat ??

Wäre prima, wenn mir jemand helfen könnte !

madhoc

IChao · #2 (**permalink**) 09.03.2006, 16:57

Du musst im CSS für die zweite Tabelle spezifischer sein.

Gib der zweiten Tabelle eine id

Code:

<table id="diezweite" ...>

und im CSS erstellst du dann die Regeln etwa dergestalt:

Code:

table#diezweite {property: value;}
#diezweite tr {property: value;}
#diezweite td {property: value;}

Ich hoffe, ich habe die Fragestellung erfasst, sonst nochmal nachhaken, eventuell mit Link. Bin mir nicht ganz sicher, was du mit CSS Tabelle meinst.[/i]

madhoc · #3 (**permalink**) 10.03.2006, 08:03

Danke vorab, IChao,

bin aber leider kein CSS-Crack und habe hier einfach mal den Code kopiert :

<style type="text/css">
table { width:50%; }
td { border:1px solid #696969; vertical-align:top; overflow:hidden;}
td { font-family: Times;font-weight: bold;text-align:center;color: blue;}
td { background-color: sandybrown;}
</style>
<table>
<caption style="caption-side:top"><font size="5">Spielerstatistik AH 2006</font></caption>
</br>
<tr>
<td><u>Name</u></td>
<td><u>Vorname</u></td>
<td><u>Spieleinsätze</u></td>
<td><u>Erzielte Tore</u></td>
</tr>
<tr>
<td>Akari</td>
<td>Habib</td>
<td>----</td>
<td>----</td>
</tr>
....
....
.....
</table>

Dies wäre der Anfang der neuen, zweiten Tabelle.

Du kannst die "erste" Tabelle (mit Excel erstellt ) auf der Seite unseres Vereins unter http://www.tv-glaishammer.de ansehen. Klicke bitte auf das Fussball-Piktogramm und dann auf den Menuepunkt "AH" (= AltHerren, bin schon etwas älter !!).

Dort ist die "erste Tabelle" (mit Excel erstellt !) mit den Daten unserer Spiele eingepflegt und darunter eine mit HTML erstellte Tabelle mit der Spielerstatistik, die ich durch die "zweite Tabelle" ersetzen möchte .

Ich weiß, ist kompliziert, aber vielleicht gibts ne Lösung ?

Vielleicht kannst du mir zeigen, wo und wie ich den Code umändern kann, damit sich die Tabellen nicht in die Quere kommen ??

Danke für die Unterstützung !

madhoc[/url]

andir · #4 (**permalink**) 10.03.2006, 08:46

Ingo hat es schon gezeigt:

Im Quelltext des frames ( der mit den Tabellen) hat Excel Style-definitionen am Anfang der Datei gemacht.
Diese werden für die erste Tabelle benötigt.
Wenn die zweite Tabelle anders aussehen soll, gib ihr einen spezifischeren Selektor, sprich einen eindeutigen Namen und sprich die Tabelle über diesen Namen an.

Du mußt alle Werte einstellen, die für deine zweite Tabelle notwendig sind und sich von der Excel-Tabelle unterscheiden sollen.

Code:

 #diezweite /* wäre der Tabellenname */

#diezweite td {...}  /* damit sprichst du die Datenzelle der Tabelle mit der id="diezweite" an */

Ist doch gar nicht so schwer, oder?

Weitere Lektüre:

http://www.css4you.de/wscss/index.html

grüsse

Edit: Sorry Ingo, habe nicht gesehen, dass du auch unterwegs bist.

IChao · #5 (**permalink**) 10.03.2006, 08:48

Edit: oh, mein posting hat sich mit dem von andir überschnitten.

Das heißt, die aktuell online gestellte Seite hat noch gar nicht das Problem, sondern erst dann, wenn du deine neue Tabelle einsetzen würdest.

Mein Vorschlag ging in diese Richtung:

Code:

table#diezweite  { width:50%; }

#diezweite td { border:1px solid #696969; vertical-align:top; overflow:hidden;}

#diezweite td { font-family: Times;font-weight: bold;text-align:center;color: blue;}

#diezweite td { background-color: sandybrown;}
</style>

Code:

<table id="diezweite">
<caption style="caption-side:top"><font size="5">Spielerstatistik AH 2006</font></caption>
</br>
 <tr>
...

Solltest du Zugriff auf das CSS der ersten Tabelle haben, wäre es auch gut, wenn du die Selektoren dort anpassen könntest, sonst funken die dir bei jeder weiteren Tabelle dazwischen.

also statt

Code:

table
	{mso-displayed-decimal-separator:"\,";
	mso-displayed-thousand-separator:"\.";}
...

tr
	{mso-height-source:auto;}
...

col
	{mso-width-source:auto;}
br
	{...}
td
	{mso-style-parent:style0;

Code:

table#vonexcel
	{mso-displayed-decimal-separator:"\,";
	mso-displayed-thousand-separator:"\.";}
...

#vonexcel tr
	{mso-height-source:auto;}
...

#vonexcel col
	{mso-width-source:auto;}
#vonexcel br
	{...}
#vonexcel td
	{mso-style-parent:style0;


.....


<table x:str id="vonexcel" border=0 cellpadding=0 cellspacing=0 width=693 style='border-collapse:
 collapse;table-layout:fixed;width:520pt'>

Wenn du mal ein Programm suchst, dass relativ einfach Seiten zusammenstellen kann, die man leichter warten kann, dann guck dir mal NVU an.

[/code]

madhoc · #6 (**permalink**) 10.03.2006, 09:26

danke vorab für die Hilfe.

kann mich erst übers Wochenende mit euren Lösungen befassen.

Melde mich dann wieder und berichte.

Merci !

madhoc

madhoc · #7 (**permalink**) 11.03.2006, 16:13

Dank an Ichao und andir,

habe gerade den Lösungsvorschlag eingearbeitet und es hat wunderbar funktioniert.

Danke andir auch für den Tipp NVU, ich habe ihn mir herunter geladen und werde ihn testen.

Im Moment kämpfe ich mit Phase 5.3, der auch nicht übel ist.

Bis zum nächsten Problem

!!

madhoc

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Stylesheet einbinden funktioniert nicht	On3TwO	(X)HTML	2	08.09.2011 21:50
MenüINHALT in Stylesheet einbinden?	Bougi81	CSS	62	13.12.2010 13:56
Einbinden alternatives IE 7 Stylesheet [SF]	LindaDesign	CSS	6	27.11.2008 18:26
stylesheet mit title einbinden	roakin	CSS	3	16.03.2005 06:03
StyleSheet Tabelle + externe Tabellenformatierung	corel	CSS	2	30.08.2004 10:55