Avatar billede kak Nybegynder
18. juni 2008 - 09:42 Der er 10 kommentarer og
2 løsninger

Z-index på table vs. <select>

Jeg har lavet en menu på en side, som jeg sætter op via en tabel. Når man holder musen over de enkelte tabel-celler, fremkommer en undermenu (som er en ny tabel-række, der vises/skjules ved at sætte display:...)

På tabellen har jeg sat følgende:
style="position:absolute;left:1px;top:15px;z-index:10;"

Det virker også fint på det meste, uden at jeg har sat z-index. F.eks. står menuen altid over <input type="text"...> og almindelig tekst på siden. Men <select>-bokse vises over menuen.

Jeg har sat følgende på min <select>:
style="width:100%;position:relative;z-index;5"

Nogen forslag til, hvorfor det ikke virker?
Avatar billede w13 Novice
18. juni 2008 - 09:44 #1
Kan vi evt. se et link til siden? Hvad hvis du sætter tabellens z-index op til 100?

Du kan i øvrigt helt undgå z-index ved at indsætte tabellen nederst i <body>.
Avatar billede erikjacobsen Ekspert
18. juni 2008 - 09:57 #2
Du mener nok ikke ";" lige før 5 i
  style="width:100%;position:relative;z-index;5"
men
  style="width:100%;position:relative;z-index:5"

Men browsere har det med at snyde med z-index på visse input-elementer. Det er bare ærgerligt.
Avatar billede kak Nybegynder
18. juni 2008 - 09:59 #3
Det ligger kun på min egen udviklings-pc, indtil videre, så desværre ikke noget link.

Det hjælper desværre ikke, at sætte z-index op, og heller ikke at placere tabellen nederst i koden.
Avatar billede keysersoze Ekspert
18. juni 2008 - 10:10 #4
http://support.microsoft.com/kb/177378

den bedste løsning er nok at skjule select-elementet når din undermenu skal vises.
Avatar billede jokkejensen Novice
18. juni 2008 - 10:14 #5
ja, ie6 kan ikke håndtere det i hvert fald, men nyere skulle genrne.
Avatar billede michael_stim Ekspert
18. juni 2008 - 10:26 #6
Har selv haft samme problem. Det blev løst med hjemmelavede selectbokse.
Avatar billede kak Nybegynder
18. juni 2008 - 10:31 #7
Tak for alle jeres kommentarer/forslag!

Ud fra http://support.microsoft.com/kb/177378 kan jeg jo se, at det ikke kan lade sig gøre at "blande" visse elementer, og dermed heller ikke finde en løsning på det. I hvert fald ikke den løsning, jeg havde håbet på :-)

Keysersoze, du gav mig linket, så jeg vil gerne give dig point. Vil du oprette et svar?! Hvis nogle af jer andre føler sig snydt, så råb lige højt, så jeg kan fordele ponintene retfærdigt ;-)
Avatar billede roenving Novice
18. juni 2008 - 13:32 #8
Du kan se løsningen med at skjule selectbox på dette sites kategori-sider, hvor selectboxe skjules, hvis du folder menuen i toppen ud, og de kunne røre ved hinanden !-)
Avatar billede kak Nybegynder
18. juni 2008 - 15:57 #9
Så var der alligevel en brugbar løsning :-) Nu sætter jeg min <select> til style.visibility = 'hidden' / 'visible' og dermed opnår jeg det jeg ønsker!

Roenvig og keysersoze, I har begge foreslået at skjule den, så vil I oprette et svar? Så deler jeg pointene mellem jer.
Avatar billede roenving Novice
18. juni 2008 - 16:00 #10
Oki '-)
Avatar billede keysersoze Ekspert
18. juni 2008 - 17:22 #11
svar :)
Avatar billede roenving Novice
19. juni 2008 - 11:41 #12
-- 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