Bun venit pe Forumul Andrei

Daca vezi aceasta pagina inseamna ca nu ai cont sau nu esti logat.
Daca doresti doar sa vizualizezi forumul poti apasa pe "x-ul" din dreapta si acesta imagine nu va mai fi afisata.

Pentru o vizualizare cat mai buna a acestui forum recomandam
8
Va uram o zi buna in continuare si o navigare cat mai placuta pe acest forum !


   
AcasaSustineFAQInregistrareConectareCautareCalendar
Twitter



Lucrul cu imaginile de fundal in HTML

Navigare :: Scripturi si tutoriale :: Scripturi
AutorMesaj
 George130
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Lucrul cu imaginile de fundal in HTML Sam Oct 30, 2010 11:45 am  
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:
<h1 id="logo">Site Name</h1>

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:
<h1 id="logo">Site Name</h1>
<img src="images/logo.gif" alt="Site Name" class="nodisplay" />

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.

*Scrie romaneste
*Sterg mesajele inutile sau scrise cu CAPS
*Nu fa spam
*Linkurile relevante în context sunt binevenite.

Transferul se face din contul dumnevoastra de Paypal




Copyright © 2008-2014 Forumul Andrei. Toate drepturile rezervate. Termeni si conditii
Aspect creat si codat de Alexandru Miron & Nick

.