Header .png wont print out
-
Pleaae go and visit my blog at htt://iscatterlings.com and review it.
Also please advise if you see the header png. Funny thing is, when I print out a page, the header does not show up. I can’t think why it happens.
Help!
-
<link rel="stylesheet" href=".../equix/style.css" type="text/css" media="screen" />
change that last bit to :
media="all"
see if that helps?
that header image is being called from your CSS..
I use the Equix theme and cannot locate the text you refer to in the style.css file.
Here is the style.css that camewth the theme:
/*
Theme Name: equiX
Theme URI: https://marcoss.com.ar/dsgn/equix/
Description: equiX is a theme made for WordPress 1.5+ | dsgn by m^r(oS.
Author: Marcos Sader
Author URI: https://marcoss.com.ar/
Version: v. 1.0
— About —
equiX is a theme designed to fully intarate with WordPress 1.5+,
all the files you need to make your blog run out-of-the box are
included and styled.
— Credits —
Design: The equix template ia desing by Marcos Sader (https://marcoss.com.ar/).
WordPress: For this amazing state-of-the-art semantic personal publishing platform.
and of course Matt, the wordpress forums and codex team for all the help and
information provided during the development.
— License —
Everything included in the package, the CSS, XHTML and design is released under
the GNU GPL License v.2, June 1991:
https://www.fsf.org/licensing/licenses/gpl.html
https://www.gnu.org/licenses/gpl.html— Made in Córdoba, Argentina | Marcos Sader – 2005 —
*/
/*—————————- Main ——————————-*/
html, body {
margin: 20px auto;
padding: 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 8px;
text-align: center;
background-color: #F6F6E8;
cursor: arrow;
color: #313031;
}
/*—————————- Links ——————————-*/
a {
color: #224359;
text-decoration: none;
}
a:visited {
color: #A3BCCC;
text-decoration: none;
}
a:hover {
color: #CC0033;
text-decoration: none;
}
a img {
border: none;
}
/*—————————- Images Structure ——————————-*/img.c { /*Now if you add the class “c” will center the img, “r” will float it to the right and yeah you guessed!… “l” will float it left.*/
display: block;
margin-left: auto;
margin-right: auto;
}
img.r {
float: right;
}
img.l {
float: left;
}
.entry img { /*A nice hover efect when your post-images are linking somewhere*/
border: 2px solid #FFFFFF;
padding: 6px;
max-width: 98%;
border: none;
}
.entry a img {
border: 1px solid #FFFFFF;
padding: 6px;
}
.entry a img:hover {
border: 1px solid #525D5A;
background-color: #F6F6E8;
}
/*—————————- General Html ——————————-*/
hr {
display: none;
}
h2, h3 {
padding: 1px;
font-weight: bold;
text-align: left;
}
.ncol h2{
line-height: 24px;
border-bottom: 2px solid #525d5a;
font-size: 18px;
}
.wcol h2{
line-height: 25px;
font-size: 20px;
}
.sidebar h2{
border-bottom: 2px solid #525d5a;
text-align: right;
line-height: 14px;
font-size: 10px;
}
h2, h3, h2 a, h2 a:visited{
color: #525d5a;
}
h2 a:hover {
color: #CC0033;
}
h3{
font-size: 13px;
}
blockquote {
border-left: 5px solid #525D5A;
background-color: #F6F6E8;
padding: 10px 20px;
}
blockquote:hover {
background: #FDFDFA;
}
code {
font-family: ‘Courier New’, Courier, Fixed, sans-serif;
font-size: 1.1em;
}
small {
font-size: 0.9em;
line-height: 1.5em;
}
acronym, abbr {
letter-spacing: .07em;
border-bottom: 1px dashed #CC0033;
}
/*—————————- Page Navigation ——————————-*/
.navigation {
margin: 40px 30px 20px 30px;
padding: 0 10px;
font-weight: bold;
font-size: 12px;
}
.ncol .navigation {
margin: 14px 0px;
font-size: 11px;
}
.ar { /*This way you can use a simple class=”ar”/”al”/”ac” to get an objet floated or centered.*/
float: right;
}
.al {
float: left
}
.ac {
text-align: center;
margin-left: auto;
margin-right: auto;
}
/*—————————- Content ——————————-*/
#content{
margin: 0px auto;
width: 780px;
font-size: 11px;
text-align: left;
}
/*—————————-Top Bar ——————————-*/
#topbar{
margin: 1px 0px;
padding: 0px;
width: 778px;
height: 25px;
background-color: #FFFFFF;
border:1px solid #D6D3CE;
font-family: Verdana, Geneva, Arial, sans-serif;
line-height: 17px;
font-size: 10px;
}
.navbar{
margin: 0px auto;
padding: 3px 1px 2px 1px;
}
.navbar ul{
display: inline;
list-style-type: none;
}
.navbar li{
display: inline;
list-style-type: none;
}
.navbar a, .navbar a:visited {
cursor: pointer;
float: left;
font-weight: bold;
margin: 0px 10px 3px 10px;
color: #525d5a;
}
.navbar a:hover{
color: #CC0033;
}
/*—————————- Top Search Form ——————————-*/
.topsform {
margin: -1px 2px 3px 0px;
padding: 0px;
width: 220px;
height: 16px;
background-color: #FFFFFF;
border:1px solid #D6D3CE;
float: right;
}
.t-s{
margin: 0px auto;
padding: 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #525d5a;
font-size: 10px;
width: 67%;
height: 100%;
border: none;
background-color: #FFF;
}
.topsformsubmit{
margin: 0px auto;
padding: 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #525d5a;
font-size: 10px;
font-weight: bold;
width: 30%;
height: 100%;
background-color: #FFF;
border: none;
border-left:1px solid #D6D3CE;
cursor: pointer;
}
.topsformsubmit:hover{
background-color: #F6F6E8;
}
/*—————————- Header ——————————-*/
/*–Just drop a 778px*98px image named ‘header.png’ in the theme folder an it will be displayed in your blog header—*/
.header {
margin: 1px 0px;
padding: 0px;
display: block;
width: 778px;
height:98px;
background: url(‘header.png’) no-repeat bottom center;
background-color: #FFFFFF;
border: 1px solid #D6D3CE;
cursor: pointer;
}
/*—————————- Page ——————————-*/
.page {
width: 778px;
margin: 1px 0px;
padding: 0px;
background-color: #FFFFFF;
border:1px solid #D6D3CE;
text-align: left;
float: left;
}
/*—————————- Narrow Column ——————————-*/
.ncol {
padding: 20px 25px 40px 35px;
width: 515px;
background:#FFFFFF;
float:left;
}
/*—————————- Wide Column ——————————-*/
.wcol {
margin: 0px auto;
width: 80%;
padding: 20px 15px 10px 15px;
line-height: 1.5em;
}
/*—————————- Post Structure ——————————-*/
.post {
margin: 0px 10px 55px 2px;
text-align: justify;
}
.archived {
padding: 0px 0px 0px 15px;
}
.archived h2{
font-size: 14px;
}
.postmetadata {
width: 85%;
margin: 25px 0 0 0;
padding: 3px;
border-top: 1px solid #D6D3CE;
color: #313031;
text-align: left;
line-height: 17px;
font-size: 10px;
}
.entry {
font-size: 1em;
line-height: 1.4em;
}
.entry a {
font-weight: bold;
}
.entry ol li {
list-style: decimal outside;
}
.entry ul li {
list-style-type: square;
}
.entry form {
text-align: left;
}
.entry input { /* For password-protected posts */
margin: 2px auto;
font-size: 9px;
padding: 0px;
background-color: #FFFFFF;
border:1px solid #D6D3CE;
}
.entry input[value=”Submit”] {
font-size: 9px;
cursor: pointer;
}
.entry input[value=”Submit”]:hover{
background-color: #F6F6E8;
}
/*—————————- Sidebar ——————————-*/
.sidebar {
width: 190px;
padding: 35px 8px 40px 8px;
float:right;
font-size: 10px;
}
.sidebar h2 {
text-align: right;
font-size: 11px;
}
.sidebar ul {
margin: 0px 2px 30px 18px;
padding: 0px;
list-style-type: none;
list-style-image: none;
}
.sidebarul li {
list-style-type: none;
list-style-image: none;
}
.sidebarul li ul {
margin: 10px 0px 10px 10px;
padding-left: 5px;
}
.sidebar ul li ul li {
margin: 0px 0px 0px 4px;
color: #404040;
list-style-type: square;
list-style-image: none;
}
/*—————————- Search box for error-404 pages ——————————-*/
.searchbox{
margin: 2px auto;
padding: 0px;
display: block;
width: 500px;
height: 50px;
background: #F7F7F7;
border:1px solid #D6D3CE;
}
.searchbox #searchform {
background: #FFFFFF;
margin: 14px auto;
width: 400px;
padding: 0px;
border: 1px solid #D6D3CE;
}
.searchbox #searchform #s{
margin: 0px auto;
padding: 1px;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #404040;
font-size: 10px;
width: 298px;
height: 100%;
border: none;
background-color: #FFFFFF;
}
.searchbox #searchform #searchsubmit{
border: none;
margin: 0px auto;
padding: 2px 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #404040;
font-size: 10px;
font-weight: bold;
width: 96px;
height: 100%;
background-color: #FFFFFF;
border-left:1px solid #D6D3CE;
cursor: pointer;
}
.searchbox #searchform #searchsubmit:hover{
background-color: #F6F6E8;
}
/*—————————- Comments ——————————-*/
.comarea{
font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
line-height: 17px;
color: #313031;
}
.comol{
margin: 20px 0px 40px 0px;
text-align: left;
font-weight: bold;
list-style-type: upper-roman;
}
.comli{
border-left: 1px solid #D6D3CE;
border-bottom: 1px solid #D6D3CE;
text-align: left;
margin: 25px 0px 20px 0px;
padding: 4px;
min-height: 90px;
width: 95%;
}
.comauth{
border-bottom: 1px solid #D6D3CE;
width: 70%;
font-size: 11px;
font-weight: bold;
padding: 0px 0px 2px 2px;
}
.mod {
color: #CC0033;
}
.comli .cmeta {
margin: 1px 0px 5px 2px;
border: none;
font-size: 10px;
font-weight: normal;
}
.comtxt{
margin: 0px 0px 0px 5px;
font-size: 9px;
font-weight: normal;
text-align: left;
}
.preview, .preview ul, .preview ul li {
list-style: none;
margin: 20px 0px 20px -13px;
width: 594px;
}
#TextDisplay { /*Live Preview of Comments */
margin: 5px 0px 0px 5px;
font-size: 9px;
font-weight: normal;
text-align: left;
}
#tbs { /* This will let you asign your trackbacks/pingbacks a direferent style */
padding: 5px;
border: 1px solid #525D5A;
background: #F7F7F7;
}
#tbs:hover {
background-color: #FDFDFA;
}
/*—————————- Comment Form ——————————-*/
#commentform {
margin: 15px 0px 30px 0px;
}
#commentform input {
font: 0.9em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
border: 1px solid #D6D3CE;
border-right: 3px solid #D6D3CE;
}
#commentform textarea {
font: 0.9em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
width: 594px;
padding: 2px;
border: 1px solid #D6D3CE;
border-right: 3px solid #D6D3CE;
}
#commentform #submit {
width: 600px;
padding: 2px;
background: #FFFFFF;
text-align: center;
border: 1px solid #D6D3CE;
border-right: 3px solid #D6D3CE;
font-weight: bold;
}
#commentform #submit:hover {
background-color: #F6F6E8;
cursor: pointer;
}
/*—————————- Footer ——————————-*/
.footer {
font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
line-height: 17px;
font-size: 0.8em;
margin: 1px 0px;
padding: 0px;
width: 778px;
height: 55px;
background-color: #FFFFFF;
border:1px solid #D6D3CE;
color: #313031;
clear:both;
}
.powered {
margin: 12px auto;
margin-right: 100px;
padding-left: 30px;
text-align: center;
}
.powered a {
color: #224359;
font-weight: bold;
}
.powered a:hover {
color: #CC0033;
}
/*—————————- Go-up ——————————-*/
/*——An useless bottom line that will let you go up by clicking on it :p—–*/
.go-up {
margin: 1px auto;
padding: 0px;
width: 778px;
height: 15px;
background-color: #FFF;
border:1px solid #D6D3CE;
font-size: 10px;
cursor: pointer;
}
/*—————————- mozilla-styles ——————————-*/
/*– Just a nice touch for mozilla user, will make text selection with a fancy background
Taken from: https://a.proletarium.org/post/11/
If you want to use it just uncomment it, is deactive coz won’t validate.. ??
–*/
/*–
*::-moz-selection {
background-color: #f09;
color: #fff;
}
–*/
/*——————————-End of |X| – One Theme to Rule Them All——————————————————-*/Please advise where I need to change the code or insert a new line to ensure the header.png prints out when a page is sent to a printer.
Thanks
RB
A moderator will probably edit out all that code….
Anyway, the reason the header.png doesn’t print is because it’s a background image. That’s the normal behaviour of most web browsers, and the user has to choose to print it (in Firefox, the option is on the Page Setup dialog box, for instance). The idea is that a background image behind text might look fine on screen, but could easily make text unreadable when printed out.
The image displays just fine.
- The topic ‘Header .png wont print out’ is closed to new replies.