Avatar billede hirtshals Nybegynder
08. september 1999 - 14:59 Der er 6 kommentarer og
2 løsninger

Skrive på Grafik ved hjælp af Layer

Kan man / eller Hvordan, kan man indsætte Tekst oven på en grafik.

F.eks hvis man indsætter mange IMG og gerne vil skrive derpå, feks ved <font color=white>Dette er min tekst</font> eller ved hjælp af ASP <% Response.write.

Kan dette ikke gøres ved brug af layers. Og Ja jeg ved godt jeg kunne indsætte billede som bg ground, men det duer ikke i min løsning,
Avatar billede skjoldby Nybegynder
08. september 1999 - 15:18 #1
Her er et eksempel:

<DIV id=OuterDiv style="position:relative;width:100%;height:400px">
<img ID="stage" STYLE="position:absolute;TOP:83pt;LEFT:142pt;width: 300px; height=150px; Z-INDEX:2;"  src="billede.gif">
</div>


<DIV style="position: absolute; top: 83px; width: 160px; left: 10px; height: 20px; background-color: yellow">Tekst
</div>



Jeg har et andet derhjemme... Det kommer jeg med senere...

skjoldet
Avatar billede michaelras Nybegynder
08. september 1999 - 15:19 #2
Hvis der bruges absolute positioning er det intet problem ex:

I IE4+:
<IMG SRC="fil.gif" WIDTH=100 HEIGHT=30 style="position:absolute;left:100;top:100;width:100;height:30">
<SPAN style="position:absolute;left:100;top:100;width:100;height:30;color:#FFFFFF">Dette er min tekst</SPAN>

Hvis der bruges relative positioning er det lidt mere besværligt, men burde kunne lade sig gøre sådan:

<IMG SRC="fil.gif" WIDTH=100 HEIGHT=30>
<SPAN style="position:relative;left:-100;top:-30; width:100;height:30;color:#FFFFFF">Dette er min tekst</SPAN>

Hvis det skal virke i Netscape 4+:
<LAYER LEFT=100 TOP=100 WIDTH=100 HEIGHT=30>
<IMG SRC="fil.gif" WIDTH=100 HEIGHT=30>
</LAYER>
<LAYER LEFT=100 TOP=100 WIDTH=100 HEIGHT=30>
<FONT COLOR=white>Dette er min tekst</FONT>
</LAYER>

eller som du selv er indepå, som baggrundsbilled (KUN for den enkelse SPAN/LAYER):

i IE4+:
<SPAN style="position:relative;left:-100;top:-30; width:100;height:30;color:#FFFFFF;background-image:url(fil.gif)">Dette er min tekst</SPAN>

i Netscape 4+:
<LAYER LEFT=100 TOP=100 WIDTH=100 HEIGHT=30 BACKGROUND0"fil.gif">
<FONT COLOR=white>Dette er min tekst</FONT>
</LAYER>

Michael

PS: det kan være at style'ens color skal hedde text-color, kan ikke huske det...
Avatar billede michaelras Nybegynder
08. september 1999 - 15:21 #3
selvfølgelig BACKGROUND="fil.gif"> (3. sidste linie før navn)
Avatar billede hirtshals Nybegynder
08. september 1999 - 15:35 #4
Tusind tak - jeg leger lidt med koden, og uddeler points i morgen

Tak skal i have
Avatar billede skjoldby Nybegynder
08. september 1999 - 20:25 #5
Jeg kan simpelthen ikke finde det andet eksempel. Desuden skulle det jeg har mit eksempel virke i både IE4 og NN4...

Skjoldet
Avatar billede skjoldby Nybegynder
08. september 1999 - 20:27 #6
Godt formuleret....

13 i dansk stil
Avatar billede hirtshals Nybegynder
09. september 1999 - 11:01 #7
Tusind tal til jer begge, i får begge points, DET VIRKER efter hensigten, og i ledte mig på sporet. Før dette indlæg var jeg grøn i DHTML, men et halv døgn efter er jeg på vej derudaf

Mvh
Henrik :-)
Avatar billede skjoldby Nybegynder
10. september 1999 - 11:24 #8
Godt at høre. - Og tak... :)
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