Majoritatea utilizatorilor care acceseaza o pagina de pe site-ul tau nu vor putea printa logo-urile pentru ca imaginile de fundal nu sunt afsate de obicei. Tehnica rapida si simpla care vei face ca imaginea sa apara la imprimare este:

HTML:


Cod:

Site Name

CSS:


Cod:
h1#logo {
background: url(images/logo.gif);
height: 75px;
width: 137px;
text-indent: -9999px;
}




Aceasta se va vedea bine intr-un layout normal, dar logo-ul va disparea cand pagina este printata. Pentru a rezolva aceasta problema, trebuie sa punem imaginea pe pagina cu HTML si sa folosim stylesheet-uri screen si print.

HTML:


Cod:

Site Name

Screen CSS:


Cod:
h1#logo {
background: url(images/logo.gif);
height: 75px;
width: 137px;
text-indent: -9999px;
}
img.nodisplay { display: none; }


Print CSS:


Cod:
h1#logo { display: none; }
img.nodisplay { display: block; }



Tocmai am ascuns imaginea pentru cititoarele de ecran si am substituit-o cu o imagine "reala" pentru logo-ul de fundal pentru imprimare. Poti sa faci asta pentru fiecare imagine de fundal care vrei sa apara la imprimare de pe pagina, desi nu este foarte eficient pentru fundaluri cu gradient si sabloane. Majoritatea utilizatorilor care acceseaza o pagina de pe site-ul tau nu vor putea printa logo-urile pentru ca imaginile de fundal nu sunt afsate de obicei. Tehnica rapida si simpla care vei face ca imaginea sa apara la imprimare este:

HTML:


Cod:

Site Name

CSS:


Cod:
h1#logo {
background: url(images/logo.gif);
height: 75px;
width: 137px;
text-indent: -9999px;
}



Aceasta se va vedea bine intr-un layout normal, dar logo-ul va disparea cand pagina este printata. Pentru a rezolva aceasta problema, trebuie sa punem imaginea pe pagina cu HTML si sa folosim stylesheet-uri screen si print.

HTML:


Cod:

Site Name

Screen CSS:


Cod:
h1#logo {
background: url(images/logo.gif);
height: 75px;
width: 137px;
text-indent: -9999px;
}
img.nodisplay { display: none; }



Print CSS:


Cod:
h1#logo { display: none; }
img.nodisplay { display: block; }



Tocmai am ascuns imaginea pentru cititoarele de ecran si am substituit-o cu o imagine "reala" pentru logo-ul de fundal pentru imprimare. Poti sa faci asta pentru fiecare imagine de fundal care vrei sa apara la imprimare de pe pagina, desi nu este foarte eficient pentru fundaluri cu gradient si sabloane.