Was ist hier falsch?
Jochen F.
- css
Hallo HTML'ler,
ich möchte beim Drucken bestimmte Bereiche ausblenden auf meiner HP, und hab dazu ein kleines CSS - Sheet geschrieben, nur funzt das nicht.
Wieso?
<style type="text/css">
<!--
@media print
{
/* ...Formatdefinitionen tum Drucken... */
.test
{
@page{display:none;}
}
}
-->
</style>
Und Bereiche, die nicht mit gedruckt werden sollen definiere ich so:
<p CLASS="test">
...
</p>
Gruß
Jochen F.
Hi,
Subject: Was ist hier falsch?
in erster Linie das Subject. Es drückt nicht mal im Ansatz das Thema des Teilthreads aus.
@media print
{
/* ...Formatdefinitionen tum Drucken... */
.test
{
@page{display:none;}
}
}
Wie kommst Du darauf, diese Form der Schachtelung sei möglich? Wieso schachtelst Du überhaupt so viele verschiedene Dinge?
Cheatah
Hab mir zu diesem Thema die verschiedensten Seiten im Netz durchsucht und die Infos die ich fand so zusammengetragen. Bin noch nicht so der CSS - Profi.
Wie müßte es denn richtig aussehen?
Gruß
Jochen
Hi,
Wie müßte es denn richtig aussehen?
vergiss das @page-Geraffel.
Cheatah
<style type="text/css">
<!--
@media print
{
/* ...Formatdefinitionen tum Drucken... */
.test
{
display:none;
}
}
-->
</style>
So hab ich es auch schon probiert, geht jedoch auch net.
Komm hier langsam net mehr weiter :-(
Gruß
Jochen F.
Hi,
So hab ich es auch schon probiert, geht jedoch auch net.
dann musst Du noch etwas anderes falsch machen, der Code ist so nämlich richtig[1]. Wie lautet Deine Definition von "geht nicht"?
Cheatah
[1] Wenn auch sehr unübersichtlich. Warum verbrätst Du für die öffnenden Klammern immer eine ganze Zeile? Warum rückst Du innerhalb von Blöcken so unterschiedlich und so wenig ein?
dann musst Du noch etwas anderes falsch machen, der Code ist so nämlich richtig[1]. Wie lautet Deine Definition von "geht nicht"?
Ich drücke im IE ( neuer als 5) auf drucken, mein Standard Druckner ist dann fineprint, und dort sehe ich mir das Resultat an. Und die Bereiche, die nun nicht mehr sichtbar sein dürften (<p..>...</p> sieht man trotzdem noch.
[1] Wenn auch sehr unübersichtlich. Warum verbrätst Du für die öffnenden Klammern immer eine ganze Zeile? Warum rückst Du innerhalb von Blöcken so unterschiedlich und so wenig ein?
Mein Originaltext schaut so aus:
<style type="text/css">
<!--
@media print
{
/* ...Formatdefinitionen zum Drucken... */
.test
{
display:none;
}
}
-->
</style>
Die anderen Einrückungen haben mein einfaches Copy und Paste aus Ultra-Edit verursacht ;-)
Ich finde den Quelltext so am Übersichtlichsten. Ist wohl Geschmackssache.
Aber was könnte ich nun noch falsch machen?
Gruß
Jochen F.
Hallo,
Aber was könnte ich nun noch falsch machen?
Keine Ahnung.
Folgendes Minimalbeispiel, das auf deinem CSS basiert, funktioniert
im Mozilla, im Opera und im IE6.
--------------------------------------------------------------
<html>
<head>
<style type="text/css">
<!--
@media print
{
/* ...Formatdefinitionen zum Drucken... */
.test
{
display:none;
}
}
-->
</style>
</head>
<body>
blub<br>
<span class="test">blub2</span><br>
</body>
</html>
--------------------------------------------------------------
Gruß
Slyh
Nur bei mir geht es nicht. Aber wieso? Verstehe das echt nicht mehr.
Gruß
Jochen F.
Hab den Fehler gefunden. Ich sitze an einem XSLT-Sheet und erstelle mittels Xalan und einem XML- File HTMl-Dokumente. Jedoch hat Xalan die <style>-Angaben nicht mit übernommen, warum auch immer. Hab die nachträglich noch mal reingeschrieben, jetzt gehts! Komisch.
Gruß
Jochen F.
Hi,
Hab den Fehler gefunden. Ich sitze an einem XSLT-Sheet und erstelle mittels Xalan und einem XML- File HTMl-Dokumente. Jedoch hat Xalan die <style>-Angaben nicht mit übernommen, warum auch immer. Hab die nachträglich noch mal reingeschrieben, jetzt gehts! Komisch.
Und was lernen wir daraus?
Bei clientseitigen Problemen immer gucken, welcher Code beim Client ankommt - nicht das angucken, von dem man meint, es sollte beim Client ankommen ;-)
cu,
Andreas
Hi,
Wie lautet Deine Definition von "geht nicht"?
Ich drücke im IE
schwerer Fehler. Teste primär grundsätzlich mit einem Browser, der diesen Namen auch verdient; erfahrungsgemäß eignet sich ein Mozilla resp. Firefox am besten. Wenn es _dort_ nicht funktioniert, liegt der Fehler bei Dir. Funktioniert es, lohnen sich Tests in anderen Systemen.
Cheatah
Hi Jochen,
Aber was könnte ich nun noch falsch machen?
möglicherweise spielt dein Browser-Cache verrückt. Funktioniert dieses Beispiel?
http://aktuell.de.selfhtml.org/tippstricks/css/drucklayout/beispiel_ausblendung.htm
Grüße,
Roland
Hallo Roland,
das Beispiel funktioniert einwandfrei.
Hast du noch eine Idee woran es liegen könnte?
Gruß
Jochen
Hallo,
Ich mach das immer in verschiedene Dateien (css/print.css und css/screen.css) und Binde es dann so ein:
<link rel="stylesheet" href="css/print.css" type="text/css" media="print" />
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection" />
Das hat auch den Vorteil dass ich den NS4.x gleich vom CSS ausschließe und mir dann da auch keine Sorgen um Zugänglichkeit machen muss. Eigentlich gibt es dabei nur ein kleines Problem, was ich aber nicht so schlimm finde https://forum.selfhtml.org/?t=87969&m=524139.
Grüße
Jeena Paradies