Notifikationer

Markér alle som læst Log ud

jmc Nybegynder

11. september 2004 - 17:42 Der er 10 kommentarer og
1 løsning

layers som kryber?

Hvordan får man layers til at ligge under hinanden afhængigt at hvad der er i dem? hvis layer 1 har meget indehold bliver layer 2 skubbet længere ned?

<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><div id="Layer1" style="position:relative; left:49px; top:18px; width:29px; height:21px; z-index:1"></div>
<div id="Layer1" style="position:relative; left:49px; top:18px; width:29px; height:21px; z-index:1"></div></td>
</tr>
</table>

Synes godt om

olebole Juniormester

11. september 2004 - 22:16 #1

<ole>

<table style="position:relative;width:100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><div id="Layer1" style="position:absolute; left:49px; top:18px; width:29px; height:21px; z-index:2">kljlkj</div>
<div id="Layer1" style="position:absolute; left:49px; top:18px; width:29px; height:21px; z-index:1">jlkjlkhjgjgjhg</div></td>
</tr>
</table>

/mvh
</bole>

Synes godt om

roenving Novice

11. september 2004 - 22:35 #2

-- ved ikke at have height på !-)

-- og husk også, at et id skal være unikt, så du må ikke have to elementer, som har id="Layer1" ...

Synes godt om

jmc Nybegynder

11. september 2004 - 23:18 #3

jeg har ikke højde på og layers er unikke og jeg har ændret toæ position:absotule
Men det virker ikke....
Ole, I dit eksempel står layers bare oven på hinanden, det skal vel være position:relative

Synes godt om

olebole Juniormester

11. september 2004 - 23:35 #4

Jeg er ikke helt med på, hvad du vil - og hvad der er dit problem :)

Synes godt om

jmc Nybegynder

11. september 2004 - 23:42 #5

Når de åbner og lukker står de stadigt på samme sted. Hvis et layer lukket skal de andre hoppe op under så der ikke bliver en blank plads.
Min kode:

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body><table width="800" border="0" align="center" cellpadding="5" cellspacing="0" class="ramme">
<tr>
<td> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr>
<td><div id="reklame_bar" style="position:absolute;">
<div id="ikonreklame" style="position:relative; left:455px; top: 12px;"><a href="#" onClick="MM_showHideLayers('ikonreklame','','hide','reklame','','hide')"><img src="gfx/ikon.gif" width="11" height="10" border="0"></a></div>
<a href="#" onClick="MM_showHideLayers('ikonreklame','','show','reklame','','show')"><img src="gfx/reklame.gif" width="468" height="15" border="0"></a>
<div id="reklame" style="position:relative; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000; width: 468;">

</div>
</div>
<br>
<div id="kommunikation_bar" style="position:absolute;">
<div id="ikonkommunikation" style="position:relative; left:455px; top: 12px;"><a href="#" onClick="MM_showHideLayers('ikonkommunikation','','hide','kommunikation','','hide')"><img src="gfx/ikon.gif" width="11" height="10" border="0"></a></div>
<a href="#" onClick="MM_showHideLayers('ikonkommunikation','','show','kommunikation','','show')"><img src="gfx/kommunikation.gif" width="468" height="15" border="0"></a>
<div id="kommunikation" style="position:relative; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000; width: 468;">

</div>
</div>
</div> <br>
<div id="referencer_bar" style="position:absolute;">
<div id="ikonreferencer" style="position:relative; left:455px; top: 12px;"><a href="#" onClick="MM_showHideLayers('ikonreferencer','','hide','referencer','','hide')"><img src="gfx/ikon.gif" width="11" height="10" border="0"></a></div>
<a href="#" onClick="MM_showHideLayers('ikonreferencer','','show','referencer','','show')"><img src="gfx/referencer.gif" width="468" height="15" border="0"></a>
<div id="referencer" style="position:relative; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000; width: 468;">

</div>
</div></td>
<td> </td></tr>
</table> </td> </tr> </table> </body>

Synes godt om

roenving Novice

11. september 2004 - 23:48 #6

Synes godt om

jmc Nybegynder

11. september 2004 - 23:52 #7

skal jeg ændre i den øvrige kode?
jeg kan se at det er blok som skal anvendes.

Synes godt om

jmc Nybegynder

11. september 2004 - 23:53 #8

bingo, tak nu virker det.

Synes godt om

roenving Novice

11. september 2004 - 23:55 #9

Velbekomme '-)

Synes godt om

jmc Nybegynder

11. september 2004 - 23:56 #10

Jeg takker i skal have points, nu vil jeg gå videre med at se om jeg kan gemme om layers er åbne eller lukkede i access. Det bliver nok en kamp da jeg ikke er stærk i javascript. Man man kan vel læse det på en måde.

Synes godt om

roenving Novice

12. september 2004 - 00:00 #11

-- og tak for point ;~}

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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