Avatar billede eltempogigante Nybegynder
12. maj 2002 - 14:23 Der er 16 kommentarer og
2 løsninger

LAYERS!!!

Når man laver et layer er det så muligt at definere positionen ud fra midten af skærmen?

Grunden til at jeg vil lave det sådan, er at jeg vil lave en menu lige som på www.tv2.dk

Jeg kan godt lave et menu-system nu men jeg kan ikke bruge det på en side hvor indholdet er centreret midt på skærmen.

Er der andre muligheder for at centrere et layer?
Avatar billede Slettet bruger
12. maj 2002 - 14:24 #1
Ja på en måde kan det lade sig gøre:

<div style="position:relative;width:200" align=center>
Avatar billede radiohead Nybegynder
12. maj 2002 - 14:36 #2
200 point??
Avatar billede eltempogigante Nybegynder
12. maj 2002 - 14:39 #3
Ok, hvad nu hvis jeg har 4 layers der skal være ved siden af hinanden, og samlet være placeret i midten af skærmen?
Avatar billede jakoba Nybegynder
12. maj 2002 - 14:42 #4
Du kan gøre det med javascript hvis din div er placeret absolut.

<div style="position:absolute; top:0; left:0; visibility:hidden; width:200">noget i din div</div>

top og left er helt forkerte, men du kan så onload ændre dem til værdier der passer og så gøre din <div synlig.

mvh JakobA
Avatar billede eltempogigante Nybegynder
12. maj 2002 - 15:01 #5
Nå men jeg fandt lige alligevel ud af det selv - tjek det her:

<html>

    <head>
        <title>test</title>
        <style media="screen" type="text/css"><!--
#layer1    { position: relative; top: 78px; width: 359px; height: 220px; visibility: visible }
#layer2  { position: absolute; top: 50px; left: 12px; width: 100px; height: 109px; visibility: visible }
#layer3 { position: absolute; top: 50px; left: 129px; width: 100px; height: 109px; visibility: visible }
#layer4 { position: absolute; top: 49px; left: 251px; width: 100px; height: 109px; visibility: visible }
--></style>
    </head>

    <body bgcolor="#ffffff">
        <div align="center">
            <div id="layer1">
                <div id="layer2">test</div>
                <div id="layer3">
                    test</div>
                <div id="layer4">
                    test</div>
                test</div>
        </div>
        <p></p>
    </body>

</html>
Avatar billede eltempogigante Nybegynder
12. maj 2002 - 17:50 #6
Hvordan laver man så egentlig et layer transperant således at man kan se igennem det? (Hvis layert fx er grønt og overlapper et layer med en anden farve.)

Kan det overhovedet lade sig gøre?
Avatar billede jakoba Nybegynder
12. maj 2002 - 17:54 #7
skal det være grønt eller transparent? du siger begge dele.
Avatar billede jakoba Nybegynder
12. maj 2002 - 17:58 #8
Bliver de forresten ikke gennemsigtige i dit eksempel ovenfor? (du angiver jo hverken baggrundsfarve eller billede.
Avatar billede eltempogigante Nybegynder
13. maj 2002 - 09:38 #9
Den skal være transperant og grøn -> eller nærmere gennemsigtig og grøn.

(Ligesom når man har et layer i Photoshop og sætter "layeret" til at være fx 50 % gennemsigtigt)

Kan det ikke lade sig gøre med layers i html? Hvis ikke kan man så bruge et script?
Avatar billede jakoba Nybegynder
13. maj 2002 - 10:13 #10
Det kan man vistnok med IE's filtre. Jeg ved ikke meget mere om det da det er en decideret "Duer kun i IE løsning".

Den nærmeste crossbrowser løsning jeg kender er at lave en .gif, hvor hveranden pixel er gennemsigtig i et skakbræt mønster, og bruge den som baggrundsbillede. Men det skal gøres med meget stor ynde for der er mange ting der kan gå galt så det ser helt tåbeligt ud.

mvh JakobA
Avatar billede lerchedahl Nybegynder
13. maj 2002 - 12:20 #11
hvad med en semitransperent png...
Avatar billede jakoba Nybegynder
13. maj 2002 - 14:01 #12
lerchedal >> den mulighed kendte jeg ikke, den lyder godt. ku du evt lave en demo?
Avatar billede eltempogigante Nybegynder
13. maj 2002 - 15:41 #13
Semitransparent *.png? Det lyder godt, det må jeg lige prøve...
Avatar billede Slettet bruger
14. maj 2002 - 18:40 #14
Hvad med det her:

style="filter:alpha(Opacity=50);"
Avatar billede eltempogigante Nybegynder
18. maj 2002 - 14:28 #15
Jeg har prøvet det med et filter og det virker fint! Men desværre virkede det med et PNG-billede ikke... Jeg tillader at give mig selv nogle point tilbage da jeg selv fandt svar på hovedspørgsmålet... Hvis "jakoba" laver et svar får han også point. Det samme gør "muta".
Avatar billede lerchedahl Nybegynder
21. maj 2002 - 14:59 #16
undskyld forsinkelsen...

hvorfor virker det ikke med en semitranperant png?
Jeg har ingen problemer med at få det til at virke...
Avatar billede lerchedahl Nybegynder
21. maj 2002 - 15:02 #17
jeg kan et png js-fix til Win32 med Mozilla, IE5.5+ (pc) og IE5+ (mac)...
Avatar billede eltempogigante Nybegynder
06. juni 2002 - 00:53 #18
Jeg er endnu mere forsinket... - undskyld! :o) - Må jeg høre dit PNG JS-fix? Det jeg fandt ud af var at Windows umiddelbart ikke understøtter transparente PNG-billeder...
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