Notifikationer

Markér alle som læst Log ud

bongo20 Nybegynder

01. december 2003 - 19:04 Der er 14 kommentarer og
1 løsning

menu always on top

Jeg har lavet en menu bestående af nogle <div> som jeg henholdsvis viser og ikke viser (block; none)
Det virker perfekt, når der kun er menuen på siden.

Nu har jeg så lavet en tabel som dækker det meste af siden, og mit problem er, at tabellen "dækker" for mine menuer, så de ikke bliver vist.

Jeg har prøvet med noget: top : 1 ; og z-index, men kan ikke få det til at virke!!

Kender nogen problemet og en løsning ?

Synes godt om

roenving Novice

02. december 2003 - 01:00 #1

Det burde da virke, hvis du sætter z-index til et højere tal end det, som dine tabeller har ?-)

-- noget helt andet er, hvis du bruger f.eks. select, object, embed, iframe og lignende objekter, for de kan ikke nås af almindelige html-elementer !-)

Synes godt om

bongo20 Nybegynder

02. december 2003 - 19:31 #2

Jeg bruger ingen af den type objekter, men det virker ikke.

Mine div har z-index 5 og min tabel z-index 1,.. men de vises ikke

Synes godt om

bongo20 Nybegynder

02. december 2003 - 21:39 #3

Jeg har nu prøvet det samme med et <div> i stedet for tabellen,. det giver det samme.

<div align="center">
<div width="800" height="800" class="frontDiv" align="center">
</div>
</div>

dette div "dækker" for mine menupunkter, så de aldrig bliver vist.
I klassen "frontDiv" sættes z-index til et lavere tal end min menu¨s z-index

Flere forslag ?

Synes godt om

roenving Novice

02. december 2003 - 23:18 #4

Har du måske tabellen i en anden frame ?-)

Synes godt om

bongo20 Nybegynder

03. december 2003 - 21:56 #5

nej, lige nu bruger jeg som sagt IKKE en tabel, men et div.
Jeg bruger slet ikke frames på siden

Synes godt om

roenving Novice

04. december 2003 - 03:33 #6

Er det så sådan noget du har brug for ?-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>link-style</title>
<style type="text/css">
html,body,table{height:100%;width:100%;margin:0px;padding:0px;position:relative;border:1px red solid;}

.menu {position:absolute;left:-5px;border:1px blue solid;height:300px;background:#cff}
.menu a:link{color:#a00; text-decoration: none; }
.menu a:visited{color:#aa0; text-decoration: none; }
.menu a:hover{color:#aaa; text-decoration: underline; }
.menu a:active{color:#00a; text-decoration: none; }

.links a:link{color:#0aa; text-decoration: none; }
.links a:visited{color:#00a; text-decoration: none; }
.links a:hover{color:#000; text-decoration: none; }
.links a:active{color:#0aa; text-decoration: none; }
</style>
</head>
<body>
<table><tr><td>
<div class="menu">
<a href="#">Et menu-punkt</a>
</div></td></tr>
<tr><td>
<div class="links">
<a href="#">Et link</a>
</div></td></tr>
</table>
</body>
</html>

Synes godt om

bongo20 Nybegynder

04. december 2003 - 08:18 #7

Det her er min tabel, som ligger helt i toppen, og som er den man fører musen henover for at få vist menupunktet.

<table width="100%" bgcolor="#FFFFFF" class="table" bgcolor="#FFFFFF" bordercolor="#000000" cellspacing="0" cellpadding="0" background="Pics/topgrad.gif">
<tr id="trTop">
<td width="30%"></td>
<td width="10%">Forside</td>
<td align="left" id="punkt2" width="10%" onmouseOver="mover( 'mnuYouth' )">Ungdom</td>
<td align="center" id="punkt2" width="10%" onmouseOver="mover( 'mnuWomen' )">Damer</td>
<td align="center" id="punkt3" width="10%" onmouseOver="mover( 'mnuSenior' )">Herre</td>
<td width="30%"></td>
</tr>
</table>

Her er det div som vises hvis man fører musen henover "Damer"
<div align="center">
<div id="mnuWomen" onmouseover="mover('mnuWomen')" class="MainMenu" onmouseout="mout('mnuWomen')">
<div onmouseover="mover('mnuWomen')" class="menupunkt" id="mnuWomen_1"><a href="">
<font color="#3366CC">Damebold</font></a></div>
</div>
</div>

Her er det div som skal fylde hele skærmen, bortset fra øverste tabel.
<div align="center">
<div width="800" height="800" class="frontDiv" align="center">
</div>
</div>

Det sidste div fylder ogsså det område hvor "damer" div´et skal vises, og det er problemet. "Damer" div´et skal jo gerne være vist, altså øverst når det vises,..

hjælper det?

Synes godt om

roenving Novice

04. december 2003 - 15:55 #8

div{z-index:2;}
.frontDiv{z-index:3;}
.MainMenu{z-index:4;}
.menupunkt{z-index:5;}

-- skulle kunne klare den !-)

Synes godt om

bongo20 Nybegynder

08. december 2003 - 22:00 #9

det gør det altså ikke,..

Jeg kan fortælle at, hvis jeg flytter dette div:

<div align="center">
<div width="800" height="800" class="frontDiv" align="center">
</div>
</div>

nederst i koden så bliver min menu vist som den skal, men kun fordi at dette div bliver "skubbet" nedad !!

Synes godt om

bongo20 Nybegynder

08. december 2003 - 22:02 #10

med andre ord, så kan jeg ganske enkelt ikke få 2 div til at ligge over eller under hinanden, de vil hele tiden skubbe hinanden væk istedet for at "lappe" indover....

Synes godt om

roenving Novice

09. december 2003 - 07:43 #11

position:absolute; gør at en element kan 'flyde' frit og derfor kan lægges over eller under et andet ...

Synes godt om

bongo20 Nybegynder

15. december 2003 - 21:46 #12

tak for hjælpen roenving :o)

Synes godt om

bongo20 Nybegynder

15. december 2003 - 21:46 #13

lægger du et svar

Synes godt om

roenving Novice

16. december 2003 - 11:15 #14

Velbekomme '-)

Synes godt om

roenving Novice

18. december 2003 - 10:14 #15

-- og tak for points ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	6	27/04/202620:09	59 minutter siden
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS