Autor |
Nachricht |
boerndstone
Threadersteller
Dabei seit: 24.09.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 16.08.2011 10:22
Titel CSS Background Farbe wird im Druck nicht angezeigt |
|
|
Hallo,
ich habe eine Frage wegen meinem Drucklayout. Habe schon ziemlich lange rumgegoogelt und leider keine passende Erklärung gefunden. Ich würde gerne in einer Tabelle jede zweite Zeile im Druck farblich von der ersten unterscheiden. Leider wird die Hintergrundfarbe aber nicht angezeigt. In selfhtml heisst es das es funktioniert. Liegt es an meinem Druckertreiber oder was ist der Grund warum es bei mir nicht funktioniert.
Hier noch ein Auszug aus meinem Quellcode:
Auszug aus Stylesheet
Code: | <style type="text/css">
table { display: table }
tr { display: table-row }
tr.odd { display: table-row; background-color:#ccc }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
@media print {
thead {display: table-header-group; background-color:#ccc;}
tr.odd { display: table-row; background-color:#ccc; color:#fff; }
}
</style>
|
Auszug innerhalb von Body
Code: | <table border="1" rules="groups">
<thead>
<tr>
<th>Assoziation 1</th>
<th>Assoziation 2</th>
<th>Assoziation 3</th>
</tr>
</thead>
<tfoot>
<tr>
<td><i>betroffen:<br>4 Mio. Menschen</i></td>
<td><i>betroffen:<br>2 Mio. Menschen</i></td>
<td><i>betroffen:<br>1 Mio. Menschen</i></td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Berlin</td>
<td>Hamburg</td>
<td>München</td>
</tr>
<tr class="odd">
<td >Miljöh</td>
<td>Kiez</td>
<td>Bierdampf</td>
</tr><tr>
<td>Buletten</td>
<td>Frikadellen</td>
<td>Fleischpflanzerl</td>
</tr>
</table> |
Vielen Dank schon mal für Eure Hilfe
Zuletzt bearbeitet von Smooth-Graphics am Di 16.08.2011 10:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
Icehawk
Dabei seit: 17.04.2002
Ort: gleich hinten links
Alter: 51
Geschlecht:
|
Verfasst Di 16.08.2011 10:56
Titel
|
|
|
Da kannst du soviel machen wie du willst. Die Standardeinstellungen beim Druckmodus des Browsers ist, dass die Hintergrundfarbe nicht mit gedruckt wird.
Das musst du in den Browser-Druckeinstellungen aktivieren.
Btw. <i> solltest du gegen <em> austauschen, das ist richtiger.
Zuletzt bearbeitet von Icehawk am Di 16.08.2011 10:57, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
dcn
Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Di 16.08.2011 23:02
Titel
|
|
|
Icehawk hat geschrieben: | ..., das ist richtiger. |
gibt es einen Komparativ auf "richtig"?
|
|
|
|
|
20three
Dabei seit: 26.05.2011
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 17.08.2011 02:14
Titel
|
|
|
Naja, was heißt richtig oder falsch. <i> ist einfach nur kursiv ohne eine semantische Bedeutung. <em> wird zwar genauso kursiv dargestellt, beinhaltet aber Betonung.
23
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 17.08.2011 07:29
Titel
|
|
|
20three hat geschrieben: | Naja, was heißt richtig oder falsch. <i> ist einfach nur kursiv ohne eine semantische Bedeutung. <em> wird zwar genauso kursiv dargestellt, beinhaltet aber Betonung.
23 |
Das ist aber soweit auch nicht mehr ganz richtig (je nachdem welche HTML Version benutzt wird)
http://dev.w3.org/html5/html-author/#the-i-element
|
|
|
|
|
Icehawk
Dabei seit: 17.04.2002
Ort: gleich hinten links
Alter: 51
Geschlecht:
|
Verfasst Fr 19.08.2011 13:19
Titel
|
|
|
dcn hat geschrieben: | Icehawk hat geschrieben: | ..., das ist richtiger. |
gibt es einen Komparativ auf "richtig"? |
Damit war gemeint, das <i> nicht zwingend falsch ist.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Background Bilder werden nicht angezeigt (css)
background-image wird nicht korrekt angezeigt
Background im Body wird im Safari nicht angezeigt
background image wird im firefox nicht angezeigt
Background Bild in einer Zelle wird im IE6 nicht angezeigt
Von Farbe x nach Farbe y animieren
|
|