Avatar billede tirr Nybegynder
24. maj 2001 - 00:10 Der er 17 kommentarer og
1 løsning

Grafik på grafik ?

Hvordan gør man når man vil ha flere lag grafik liggende ovenpå hinanden ? [:-(
Det lyder måske lidt \"skørt\" :-) Men pointen er, at jeg vil ha garanti for, at nogen grafikfiler, som jeg skal bruge i et menusystem altid har samme plasering, uanset skærmstørrelse eller skærmopløsning.
Er det \"kludret\" må i sige til så kan jeg måske forsøge at forklare det bedre ?
Avatar billede Tony Juniormester
24. maj 2001 - 09:15 #1
Mener du billede ovenpå billede ovenpå billede ...

Så er svaret nok layers. Ellers er der jo muligheden for at have et baggrundsbillede og så tabeller ovenpå med billeder i

/Tony
Avatar billede Slettet bruger
24. maj 2001 - 10:07 #2
<IMG STYLE=filter:alpha(opacity=100);position:absolute;top=90 ;ZINDEX=5001 HEIGHT=100 WIDTH=100  BORDER=0 SRC=billede.gif>


Hvis du så vil lægge noget oven på sætter du zindex til 5002 osv
Avatar billede Tony Juniormester
24. maj 2001 - 10:20 #3
Er der ikke noget med, at Netscape har det lidt svært med \"filter\" ?

/Tony
Avatar billede Slettet bruger
24. maj 2001 - 10:32 #4
kan godt være, skal jeg ik ku sige noget om. Meeeen nu er det jo også begrænset hvor mange som bruger netscape
Avatar billede Slettet bruger
24. maj 2001 - 10:40 #5
og filter kan også fjernes, den bruges jo bare til og bestemme hvor gennemsigtig den skal være
Avatar billede Tony Juniormester
24. maj 2001 - 10:57 #6
OK.

/Tony
Avatar billede tirr Nybegynder
24. maj 2001 - 13:45 #7
space

Du siger at filter kan fjernes, gider du så korrigere koden, og fortælle mig lidt om hvordan man styrer plaseringen. Der er f.eks.
position;top=90 og så der der
HEIGHT=100 WIDTH=100  BORDER=0
Er det % eller pix
Og hvordan styrer man plaseringen ?
Avatar billede engrob Nybegynder
24. maj 2001 - 13:53 #8
Space>> Virker det du har skrevet der for dig? Det er i hvert fald enormt forkert.

tirr> Du kan lave et lag hvor det ene billede ligger i og et andet lag med højere z-index, der gør at det ligger oven på det andet lag.

<div style=\"position:absolute; top:100; left:100; z-index:1;\"><img src=\"ditbillede.gif\"></div>

<div style=\"position:absolute; top:120; left:120; z-index:2;\"><img src=\"ditbilledenr2.gif\"></div>

Top og left er angivet i pixels.
Avatar billede Slettet bruger
24. maj 2001 - 14:09 #9
engrob >> ja det virker for mig
Avatar billede engrob Nybegynder
24. maj 2001 - 14:16 #10
Det er ellers noget skodkode, og det virker i hvert fald ikke i NS, som der stadigvæk er _nogen_ der bruger.
Avatar billede Slettet bruger
24. maj 2001 - 14:18 #11
ja 2 % sådan ca
Avatar billede Slettet bruger
24. maj 2001 - 14:19 #12
men kan være din er bedre, ved jeg ik
Avatar billede tirr Nybegynder
24. maj 2001 - 15:07 #13
Da det er første gang jeg pusler med flere lag har jeg brug for at vide hvordan man styrer plaseringen.
F.eks. den her: position:absolute; top:100; left:100;
Hvad står de tal i forhold til, og når grafikfilerne ikke er lig store, og forskellig skærmstørrelse og opløsning (800 eller 1024) ?
Avatar billede Slettet bruger
24. maj 2001 - 15:10 #14
top:100 = 100 pixels fra toppen
left: 100 = 100 pixels fra venstre
Avatar billede engrob Nybegynder
24. maj 2001 - 15:10 #15
Det betyder at laget er placeret 100 pixels fra toppen af siden og 100 pixels fra venstre. Du kan også bruge procent, fx: top:50%; men det understøttes ikke så godt af netscape.
Avatar billede tirr Nybegynder
24. maj 2001 - 15:38 #16
Jeg må få styr på plaseringen - det er menugrafik og derfor skal den være meget præcis og også fungere i forskellige skærmstørrelser og opløsning 800pix og 1024pix
Det her er måske ikke den rigtige måde at styre menugrafik ?
Er jeg på vildspor ???
Avatar billede engrob Nybegynder
24. maj 2001 - 18:16 #17
Det kommer jo an på hvordan din side er bygget op. Hvis du har en tabel der er centreret er det nok ikke det bedste, men det er muligt.
Avatar billede olebole Juniormester
26. maj 2001 - 22:48 #18
<ole>
Først: Lær kun, hvordan det ikke skal skrives af space\'s indlæg højere oppe! Der er - omend få - huller mellem fejlene  :o)

Det er rigtig god programmørskik at angive enheden...som bl.a. kan være pixels eller procent:  top:50px  - eller:  top:50%

Derudover så gør som engrob. Attributter i HTML sættes med et lighedstegn og bør - for at være sikker - anføres i gåseøjne. Alle dine styles - hvis du skriver dem som inline-styles (styles skrevet i elementets tag) - er tilsammen at regne for én attribut og skrives mellem et sæt gåseøjne. Alle dine styles-angivelser skrives i par med et kolon imellem - IKKE lighedstegn. Og der er intet i CSS, der heder \'ZINDEX\'. Det hedder \'z-index\'.

Desværre er IE skrevet til kodeblinde og prøver alligevel at forstå, hvad der står af vrøvl i et dokument. Nogen gange gætter den rigtigt - andre gange ikke. Under alle omstændigheder saboterer den anstrengelserne for at lave en standard på området. Meget smart....så synes alle kodeblinde IE er en vidunderlig browser - i modsætning til NS - og MS øger markedsandelen.
Et faktum kode-analfabeter og folk, der ikke gider lære at kode rigtigt - men hellere springer over det laveste sted - altid argumenterer vildt imod. Tag dig ikke af det, men lær det rigtigt - det vil du være tjent med i længden.
/mvh
</bole>
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