Probleme mit definieren und anwenden von css-stylesheets

ComputerFee

Hallo zusammen,

ich habe gerade begonnen, mich mit den css-stylesheets zu beschäftigen und bin dabei auch direkt auf ein Problem gestoßen. *seufz*

Definiert habe ich mein css folgendermaßen:

Code

#bordertitel {
	border-left-width:thin;
	border-right-width:thin;
	border-top-width:thin;
	border-bottom-width:thin;
	border-color:red;
	border-style:solid;

In dem style-Bereich stehen auch noch ein paar andere Formate, die automatisch angelegt wurden.

Auf der Webseite soll 1 Tabelle angezeigt werden, bei der immer die Kopfzeile in dem CSS-Format 'bordertitel' formatiert sein sollen.

Hier ist meine Tabellen-Def.:

Code

<table border=1 bgcolor="#FFFFCC">
  <thead >
   <tr id="borderline">
    <th>[b]Name[/b]</th>
    <th>[b]Vorname[/b]</th>
    <th>[b]KFZ-Zeichen[/b]</th>
   </tr>
  </thead>

Leider werden alle Formatierungen ignoriert. Was mache ich denn falsch???

Danke schon mal im Voraus!

Liebe Grüße

ComputerFee[/code]

snakey

HI

Lädst du die stylesheet im HEAD Bereich ein?

Code

<head>


<style type="text/css">
<!--


/* Hier kommen die css argumente rein


-->


</style>


</head>

Alles anzeigen

Ronald

Du hast vergessen deiner Tabelle zu sagen, daß sie die Styles benutzen soll.

da gibt es zwei Möglichkeiten:

1.

Code

<table class=bordtitel border=1 bgcolor="#FFFFCC>

wobei ich dann die Angabe zum bgcolor auch in die CSS packen würde.

Oder aber du änderst das CSS-script:

Code

table {
   border-width:thin;
   border-color:red;
   border-style:solid;
   }

Im 2. Fall werden alle Tabellen auf der HTML-Seite gleich formatiert.
Übrigens wenn du alle Ränder einer Tabelle gleich formatieren willst, dann brauchst du sie nicht aufzählen.

Es gibt noch eine dritte schnellere Variante, z.B. einfach so:

Code

<table style="border:1px solid red; background-color:#FFFFCC">

Gruß aus der Marsch!

Ronald

ComputerFee

Hallo snakey,

ja, die Formatierungen sind alle im <head> - Bereich festgelegt.

Hallo Ronald,

den Eintrag in <table> habe ich ausprobiert, aber geändert hat das nichts.

Vielleicht fange ich es ja auch falsch an.

Meine Tabelle erstreckt sich über mehrere Seiten beim Ausdrucken.
Ich möchte, daß auf jeder Seite die Kopfzeilen ausgegeben werden.
Das soll über einen Zähler realisiert werden, der dann entsprechend neue Seiten erzeugt.
Außerdem hätte ich gerne einen Rahmen, der ähnlich wie in Excel aussieht. Also: 1 Linie zwischen den Zellen ( hoffentlich ist das verständlich ). Momentan habe ich um jede Zelle einen Rahmen und zwischen den Rahmen ist dann noch etwas Platz.
Und der Rahmen um die gesamte Tabelle herum wirkt auch etwas abgehackt.

Ich hatte ghofft, daß die Rahmen-Formatierungen über die css-Styles zu realisieren sind.

Liebe Grüße

ComputerFee

ComputerFee

Hallo zusammen,

also, ich habe herausgefunden, daß meine Formatierungen direkt bei den <th>-Tag aufgerufen werden müssen.

Allerdings ist zwischen den einzelnen Linien immer noch leerer Platz.

Gibt es eine Möglichkeit, das zu verhindern?

Liebe Grüße

ComputerFee

ComputerFee

Hi,

durch Zufall ( gibt es den überhaupt? ) habe ich unter selfhtml den Eintrag border-collapse gefunden, der die Rahmen übereinander legt.

Damit bin ich schon ziemlich glücklich.

Das Ganze hat jetzt noch einen kleinen Schönheitsfehler:
Beim Wechsel der Seite wird noch korrekt der untere Rahmen angezeigt, aber auf der neuen Seite wird in der Kopfzeile der obere Rahmen komplett weggelassen.

Gibt es dafür evt. eine Lösung?

Danke für Eure Geduld!

Liebe Grüße

ComputerFee

Rocco

probiers mal anstatt border-collapse mit cellspacing="0"

Code

<table width="100%" border="1"  cellspacing="0">

Ronald

Ohje...

das du die Tabellen für einen Ausdruck formatieren willst, hättest du aber gleich sagen können, das ist ja ganz was anderes

schau mal hier nach, da gibt es einiges zu berücksichtigen -> http://de.selfhtml.org/css/eigenschaften/printlayouts.htm

Ich hoffe du findest dort die Lösung.

Gruß aus der Marsch!

Ronald

ComputerFee

Hallo Rocco,

hab es jetzt mit cellspacing ausprobiert. Auf der 2. Seite ist jetzt auch tatsächlich eine Linie über der 1. Zeile, aber dafür sind alle Linien innerhalb der Tabelle doppelt so groß.
Das sieht nicht sehr schön aus.

Hallo Ronald,

hmm, mir war nicht bewußt, daß es so große Unterschiede gibt, daher hab ich auch ursprünglich 'vergessen' zu erwähnen, daß ich die Seite drucken möchte.
Die Seite im selfhtml-Verzeichnis hatte ich auch schon mal angesehen. Davon benutze ich auch die page-break-xxx - Optionen.

Ich frage mich gerade, ob ich nicht einfach mehrere Tabellen ( also 1 pro Seite ) erstellen soll. Dann würde jede Tabelle korrekt ( also so, wie ich sie haben möchte ) aussehen.

Wie sieht denn das Ladeverhalten bei mehreren Tabellen auf 1 Seite aus?
Gibt es da irgendetwas, was ich beachten müßte?

Liebe Grüße

ComputerFee

Ronald

Zitat von ComputerFee

Ich frage mich gerade, ob ich nicht einfach mehrere Tabellen ( also 1 pro Seite ) erstellen soll. Dann würde jede Tabelle korrekt ( also so, wie ich sie haben möchte ) aussehen.

Wie sieht denn das Ladeverhalten bei mehreren Tabellen auf 1 Seite aus?
Gibt es da irgendetwas, was ich beachten müßte?

Hi,

das Ladeverhalten dürfte keinen merklichen Unterschied machen, da ja nur geringfügig mehr Quelltext hinzu kommt.

Gruß aus der Marsch!

Ronald

ComputerFee

Hallo Ronald,

OK, dann werde ich das jetzt mal ausprobieren und berichte dann, ob alles geklappt hat.

Liebe Grüße
ComputerFee

Macintosch

dass deine striche nun doppelt so breit sind, liegt daran, dass die umrandungen von deinen zellen jetzt zusammen liegen, aber jede noch ihren eigenen Rahmen hat... du kannst das umgehen, indem du z.b. nur den boden und die rechte Seite der zelle per CSS einen Rahmen verleihst.
Genauso kannst du bei deinem Seitenumbruch verfahren. Gib bei diesem einfach in deinen Styleangaben BORDER-TOP:... an...

ComputerFee

Hallo Ronald,

ich wollte nur berichten, daß ich danke der Einzel-Tabellen jetzt genau das Ergebnis habe, das mir vorschwebte.

Danke für Deine Hilfe!

Hallo Macintosch,

hmm, bei meiner nächsten Tabelle probier ich das mal aus.
Klingt logisch. ( Wieso bin ich da nicht selber drauf gekommen?? )

Liebe Grüße

ComputerFee

Macintosch

wie heißt es so schön? "Man sieht den Wald vor lauter Bäumen nicht..."

Wem ist es nicht auch schon einmal so gegangen???

best wishes,
Mac.

Tags