Billede, der skal stå over en tekst
Kære Alle.Jeg sidder med et festival-program, hvor en enkel koncert (lørdag kl 22.00) er aflyst.
Ønsket lyder, at der skal sættes et transparant gif-billede med teksten "AFLYST" ind over den pågældende aflyste koncert.
Hermed gjort http://www.musikhost.dk/dansk/program.html , men ser man siden med FireFox og ændrer skriftstørrelsen, kommer "AFLYST" ikke til at sidde dér, hvor det skal - men derimod over en anden koncert (der IKKE er aflyst) :-/
Hvordan løser jeg det? ... Hvordan 'sætter jeg billedet FAST' til lige netop denne koncert, der er aflyst?
Jeg har brugt css:
<style type="text/css">
#aflyst
{
background-color: tansparent;
background-image: url("../grafik/aflyst.gif");
background-repeat: no-repeat;
margin-left: 100px;
position: absolute;
top: 2200px;
width: 100%;
height: 100%;
border: 0px solid red;
visibility: visible
}
</style>
<!--[if IE]>
<style type="text/css">
#aflyst{
top: 2110px;
}
<![end if]-->
</style>
....
<div id="aflyst"></div>
