Avatar billede ronniwenzell Nybegynder
30. oktober 2004 - 18:02 Der er 6 kommentarer og
1 løsning

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>
Avatar billede exp Juniormester
30. oktober 2004 - 18:14 #1
Læg hver enkelt koncert i sin egen unikke <div> og placér så aflyst-<div>'en på den pågældende koncert
Avatar billede ronniwenzell Nybegynder
30. oktober 2004 - 18:18 #2
puha... tror du, der findes en lettere måde, da lige netop denne program-side er ekspoteret fra word, for at lette opdateringen fra de kunstneriske ledere... :-/

Det hele er eksporteret i et table... Kan det løse det?
Avatar billede chrisscan Juniormester
30. oktober 2004 - 20:27 #3
Hvis koncerten, der skal aflyses, står i en separat celle med en specifik størrelse kan du lave et baggrundsbillede præcis samme størrelse som gennemsigtig gif med din aflysningstekst, som kan være drejet eller hvad man måtte ønske.

CK
Avatar billede erikjacobsen Ekspert
30. oktober 2004 - 20:32 #4
Eller en helt anden tanke: skriv det med tekst, fremhævet på passende vis.
Hurtigere, virker altid. Selvfølgelig ikke så nørdet.
Men altså, hvis kilden er Word, kan man vel ikke andet.
Avatar billede ronniwenzell Nybegynder
31. oktober 2004 - 01:03 #5
Tak for alle svar.

ErikJacobsen> tænkte selv på dén (lettere) løsning, men man skal jo også give sig selv lov til at lære lidt en gang imellem - og eksperten.dk er jo et godt sted ;-)

CK> Send et svar - dit løsning virkede.. Fandt flere oplysninger om det på http://eksperten.dk/spm/237686

Dog vil IE6 ikke vise billedet lige på den engelske version, selvom jeg har sat præcis samme kode på dk og eng (bortset fra andet billede "aflyst.gif" og "cancelled.gif"). Det engelske billede vises fint i FireFox.. ...??
www.musikhost.dk/dansk/program.html
www.musikhost.dk/engelsk/programme.html
/ronni
Avatar billede chrisscan Juniormester
31. oktober 2004 - 02:37 #6
Tak

CK
Avatar billede chrisscan Juniormester
31. oktober 2004 - 02:37 #7
Her svar

CK
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester