Druckversion
Stephan
- html
0 Maximilian Baumgart0 Stephan
0 MudGuard0 Stephan
Hallo,
ich habe jetzt mittels <span class="keindruck"> und <link bla> die Drucke definiert. Allerdings steht in der print.css ja
.keindruck { display:none; }
Gibt es auch sowas, womit ich definieren kann, was gedruckt wird?
Falls nicht, seht euch mal den Code meiner Seite an:
http://www.bildungszentrum-hyperkinetik.de/de/index2.php3
Wenn ich auf drucken gehe, druckt er mir eine leere Seite...
Danke für die Hilfe
Stephan
Du willst also einen Seitenabschnitt am Bildschirm ausblenden, aber auf der Druckversion erscheinen lassen?
<span class="druck">Bla bla </span>
...
@media screen{
.druck {display:none}
}
Ne, es soll nur die Mitte meiner Seite gedruckt werden, die druckt es aber nicht :-(
Hi,
ich habe jetzt mittels <span class="keindruck"> und <link bla> die Drucke definiert. Allerdings steht in der print.css ja
.keindruck { display:none; }
Ja - aber. Deine "HTML"-Seite ist keine HTML-Seite.
table ist in span z.B. nicht erlaubt.
Mach doch mal HTML draus - http://validator.w3.org/ zeigt Dir Deine Fehler (im Moment zeigt er 152 Fehler)
Ach ja, es fehlt immer noch die Hintergrundfarbe - liest Du eigentlich, was man Dir schreibt?
cu,
Andreas
Mit der Hintergrundfarbe habe ich es nicht gerafft?!
Hi,
Mit der Hintergrundfarbe habe ich es nicht gerafft?!
Stell mal in Deinem Browser eine andere Hintergrundfarbe als weiß ein und guck dann die Seite nochmal an.
cu,
Andreas
Wie kann ich das im IE machen?
Wie soll ich es dann machen?? Ohne Tabellen?
Hi,
Wie soll ich es dann machen?? Ohne Tabellen?
Wie wäre es damit, eine Hintergrundfarbe zu definieren?
Wäre doch naheliegend, wenn die Hintergrundfarbe fehlt, oder?
cu,
Andreas
Die hintergrundfarbe von meiner HP ist weiss...
Hi,
Die hintergrundfarbe von meiner HP ist weiss...
Beide screenshots ca. 60k
http://temp.andreas-waechter.de/screen1.gif
http://temp.andreas-waechter.de/screen2.gif
Zwischen den beiden Screenshots hab ich nur die default-Hintergrundfarbe im Browser umgestellt von Hellgelb auf hellblau.
cu,
Andreas
Aha, und wenn ich das definiere, ist das wirklich weiss?
Hallo Stephan!
Aha, und wenn ich das definiere, ist das wirklich weiss?
Sofern der Besucher keine Maßnahmen trifft, deine Angaben zu ignorieren (im Benutzerstylesheet Eigenschaft background: #CDF !important;), ja.
Bye,
Peter
Hi,
Wie kann ich das im IE machen?
Extras - Internet-Optionen - Farben
cu,
Andreas
Hallo,
jetzt habe ich noch ein anderes Problem:
Wenn ich die Seite nun drucke, habe ich es geschafft, den Header nicht zu drucken, die Ränder von den Tabellen werden aber gedruckt...
Wie kann ich das verhindern?
Danke schon jetzt
Stephan
Hallo,
Wenn ich die Seite nun drucke, habe ich es geschafft, den Header nicht zu drucken, die Ränder von den Tabellen werden aber gedruckt...
Wie kann ich das verhindern?
Indem Du im Druck-Stylesheet sagst, dass die Tabellen und die Zellen keine Raender haben sollen:
table, td, th { border:0 none; }
Falls Du zweierlei Tabellen hast, naemlich "Layouttabellen", die keine Raender haben sollen,
und "richtige" Tabellen mit tabellarischen Daten, die Raender haben sollen, musst Du
halt mit Klassen arbeiten. D.h. der _seltener_verwendeten Art eine Klasse geben, und
ihr Aussehen dann extra in CSS definieren.
Gruesse,
Thomas
Die Ränder sind aber immernoch da, ich habe die nämlich mit style formatiert :-(
Hi,
Die Ränder sind aber immernoch da, ich habe die nämlich mit style formatiert :-(
tja, dann kommt jetzt Arbeit auf Dich zu ..;-)
alles in Klassen packen und die dann _vor_ dem Druck-CSS entsprechend definieren.
freundliche Grüße
Ingo
In klassen mache ich die, OK aber wie definiere ich die dann vor dem Druck?
Hi,
In klassen mache ich die, OK aber wie definiere ich die dann vor dem Druck?
indem Du die Klassen zunächst allgemein (d.h. insbesondere für die Bildschirmausgabe) definierst und anschliessend mit speziellen Definitionen für das Medium print überscheibst. Sinnvoll finde ich hier, zwei verschiedene CSS-dateien nacheinander einzubinden - die zweite dann eben über media="print".
freundliche Grüße
Ingo
Hallo,
Die Ränder sind aber immernoch da, ich habe die nämlich mit style formatiert :-(
Das soll Dir eine Lehre sein.
Mach alle style-Attribute weg.
Die sind fast so schaedlich wie FONT und Konsorten.
Und sie werden zum "Klotz am Bein", wenn man etwas zentral aendern will.
Denn sie sind staerker als (fast) alles andere.
Nur mit !important kann man sie z.T. uebersteuern.
http://www.w3.org/TR/REC-CSS2/cascade.html#important-rules
Das ist aber Zwaengerei, und nicht im Sinne von !important.
p.rotc3 { color:red; background-color:yellow; }
p.rotc4 { color:red !important; background-color:yellow; }
<p class="rotc3">Dieser Text ist in Mozilla 1.2.1 rot</p>
<p class="rotc3" style="color:blue;">Dieser Text ist in Mozilla 1.2.1 blau</p>
<p class="rotc4" style="color:blue;">Dieser Text ist in Mozilla 1.2.1 rot</p>
---
Zum Thema "Specificity" (Spezifizitaet, Gewichtung):
http://www.w3.org/TR/1998/REC-CSS2-19980512/cascade.html#specificity
http://www.w3.org/TR/CSS2/cascade.html#specificity
Errata zu CSS 2.0:
http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#s-6-4-3
CSS 2.1:
http://www.w3.org/TR/CSS21/cascade.html#specificity
(Bitte an die CSS-Experten im Forum: Falls es noch aktuellere Infos zu
Specificity in CSS 2 gibt, bitte melden...)
Zukunftsmusik:
CSS 3.0 - Selectors
http://www.w3.org/TR/css3-selectors/#specificity
verweist fuer's style-Attribut aber an das Modul "Cascade and Inheritance"
http://www.w3.org/TR/css3-cascade/
Dort fand ich aber nichts zum Style-Attribut; fuer Specificity verweist
es zurueck an http://www.w3.org/TR/css3-selectors/
---
Der langen Rede kurzer Sinn: Ersetze style-Attribute durch Klassen oder IDs.
Selbst das ist oft gar nicht notwendig, weil man meist einen Verschachtelungs-Selektor
nehmen kann.
http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente
Gruesse,
Thomas
Ok, dann mache ich also alle meine style Attribute in class, das müsste dann gehen, Danke!
Stephan