Re: Tienovany (stinovany) nadpis

From: hyneklipa.cz (mail@hyneklipa.cz)
Date: 26. 10. 2003, 16:01 CET


Slavo Fabian wrote:
>> urobit nejako aby obrazok ten <h1> prekryl, kdesi som o tom
> Da sa to urobit, ale nemam otestovane, co to bude robit v roznych
> prehliadacoch. Napr.
> #pageHeader h1 {...
> #pageHeader h1 span {
> display:none
> }
> A potom
> <h1><span> header 1 </span></h1>
---------------------------------
hmm, tak toto je ten nejpitomnejsi zpusob. pokud nebude k dipozici
obrazek (vypnute, chyba pri prenosu...) tak uzivatel uvidi co? nic.
kdyz uz, tak by to bylo takto:

<h1>header<span></span></h1>

h1 {
  position : relative;  display : block;
  width : XXX;  height : XXX;
  z-index : 1;
  }
h1  span {
   background : url(img) no-repeat;
   position : absolute;  top : 0; left : 0;
   width : XXX;  height : XXX;
   z-index : 2; display: block;
}

text zustane a bude prekryt obrazkem


- h! -
http://www.hyneklipa.cz/



This archive was generated by hypermail 2.1.3 : 26. 10. 2003, 16:02 CET