Avatar billede thb Nybegynder
02. september 2004 - 21:11 Der er 9 kommentarer og
1 løsning

Div som ligger oven på alt andet

Hej alle

Jeg er lige ved at lave det sidste på en gæstebog og jeg vil godt have at det er sådan at hvis man vil skrive et indlæg så skal der komme et firkantet boks frem oven på alt det andet.. Den skal så være en smule gennemsigtig og have en kryds i hjørnet, og så skal man kunne udfylde felterne og trykke gem..

Selve gem delen kan jeg godt lige fixe selv :D men jeg ved ikke lige hvordan jeg laver det andet...

Håber at I forstår

Thomas
Avatar billede Søren Bech Morsing Praktikant
02. september 2004 - 21:26 #1
info: Mener jeg ikke du kan lægge et lag oven på en form/select box
Avatar billede thb Nybegynder
02. september 2004 - 21:31 #2
Det skulle jo også være sådan at formen skulle være øverst.. og så firkanten neden under og så siden i bagggrunden...

Thomas
Avatar billede roenving Novice
02. september 2004 - 22:19 #3
Du laver da bare en div, som er skjult fra start ...

Indeni sætter du en anden div foroven i den, indsætter et grafisk kryds, som skjuler hele div'en igen ...

Desuden sætter du selvfølgelig formen indeni !-)

Så sætter du nogle css-styles for boksen, f.eks.

#inputDiv{
  position:absolute;
  width:300px;
  height:200px;
  top:200px;
  left:300px;
  z-index:100;/*Denne sørger for at den er øverst*/
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
}

og så sætter du id="inputDiv" i div-tagget !o]

-- men som sbk gør opmærksom på, findes der nogle html-elementer, man ikke kan komme ovenpå, f.eks. select-boxe, object-tags mv.
Avatar billede roenving Novice
02. september 2004 - 22:20 #4
I stylen skal du også have denne med:

  display:none;

-- og så laver du en knap, som viser den, f.eks.

<button onclick="document.getElementById('inputDiv').style.display='block';return false;">Indskriv</button>
Avatar billede thb Nybegynder
02. september 2004 - 22:31 #5
Okay, tester det lige... :D
når man skriver filer:alpha(opacity=90) så virker det kun i IE, ikk ???
Det skal helts virker så vidt det er muligt i alle browsere.

Thomas
Avatar billede thb Nybegynder
02. september 2004 - 22:31 #6
Er det muligt at gøre så vinduet bliver sat i midten af det hele.. ??

Thomas
Avatar billede roenving Novice
03. september 2004 - 00:11 #7
Så skal du kende brugerens opløsning, så der er derfor behov for at sætte den på plads med javascript !-)

-- og du har helt ret i at filter:alpha(opacity=90) er en IE-only-ting, netop derfor har jeg også medtaget Gecko-tingen -moz-opacity:0.9; som gør det samme ...

Da det er de eneste browsere, som overhovedet understøtter den slags begrænset gennemsigtighed, er det måden at gøre det på ...

Så understøtter du i hvert fald IE, Netscape, Mozilla, FireFox, Camino ...
Avatar billede thb Nybegynder
03. september 2004 - 00:16 #8
Jeg har fået det til at virke... :D
Du skal have tusind tak for hjælpen...

Det er blevet super..

Smid lige et svar, og så får du point.

Thomas
Avatar billede roenving Novice
03. september 2004 - 00:18 #9
Velbekomme '-)
Avatar billede roenving Novice
03. september 2004 - 00:29 #10
-- og tak for point ;~}
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