Avatar billede 1005 Nybegynder
11. december 2001 - 10:13 Der er 9 kommentarer og
1 løsning

layer i tabel/celle

jeg har en tabel - 5rows og 4colonner- jeg ønsker at åbne et skjult layer præcist placeret i en af cellerne.
Hvordan gøres dette, hvor/hvad skrives i koderne etc. alt har interesse

mvh 1005
Avatar billede pelkjaer Nybegynder
11. december 2001 - 10:15 #1
Søt markøren i den ønskede celle og sig \"insert layer\". Angiv derefter den ønskede størrelse, men lad være med at skrive noget i top/left for layeret.
Avatar billede 1005 Nybegynder
11. december 2001 - 10:41 #2
betyder det at mit layer der er givet samme størrelse som cellen placere sig nøjagtig oven på cellen - altså dækker den når der browses ?
Avatar billede pelkjaer Nybegynder
11. december 2001 - 10:45 #3
Det vil jeg tro - vel og mærke hvis du har sat indholdet i cellen til top/left:
<tr>
  <td valign=\"top\" align=\"left\">&nbsp;</td>
</tr>
Avatar billede 1005 Nybegynder
11. december 2001 - 11:58 #4
jeg kan ikke få det til at lykkedes.
jeg har sat en tabel i en celle, tabellens egenskaber er nedenfor, har efterfølgende placeret et layer i tabellen efter din --> pelkjaers anvisning. med det resultat at mit layer placere sig i det store tabels øverste hjørne og ikke i den valgte celles (hori jeg har placeret en tabel) hjørne ... er det forståeligt?

mit layer ændrer også placering alt efter skærmstørrelse...800/600 og 1024/7xx !?!?

hvad gør jeg ?? 

<table width=\"150\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
                <tr>
  <td valign=\"top\" align=\"left\">
                    <div id=\"Layer1\" style=\"position:absolute; width:150px; height:115px; z-index:1; background-color: #000000; layer-background-color: #000000; border: 1px none #000000\"></div>
                  </td>
</tr>
              </table>
Avatar billede pelkjaer Nybegynder
11. december 2001 - 12:46 #5
Den kodestump du har skrevet ovenfor virker fint hos mig. Layeret følger tabellen, også selvom jeg centrerer tabellen - layeret følger stadug korrekt med...
Avatar billede 1005 Nybegynder
12. december 2001 - 23:22 #6
i et spørgsmål om et layer der flytter sig, kom du --> pelkjaer ind på at man kunne \"ancher\" et layer til et andet layer eller?
du uddybede det en smule, så... som jeg har forstået det må det kunne lade sig gøre at lave dette \"anker\" i top/left af en celle og derefter knytte det til det ønskede layer...eller hvad, har jeg misforstået noget.. hvis ikke kan det så ikke løse mit spørgsmål her på denne side (se top)? mvh 1005
Avatar billede pelkjaer Nybegynder
13. december 2001 - 00:01 #7
Du kan som sagt sagtens løse problemet med \"snap layers extentionen\" - men jeg kan ikke se hvorfor den \"korte\" løsning jeg allerede har givet ikke dúr...

Jeg har lavet et lille eksempel på hvad jeg tror dit problem er  - så hiv det ind i DW og kig på det.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName==\"Netscape\")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.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 bgcolor=\"#FFFFFF\" text=\"#000000\">
<table width=\"180\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
  <tr>
    <td><a href=\"java script:;\" onClick=\"MM_showHideLayers(\'divone\',\'\',\'show\')\">Show
      divone</a> / <a href=\"java script:;\" onClick=\"MM_showHideLayers(\'divone\',\'\',\'hide\')\">Hide
      divone</a></td>
  </tr>
</table>
<table width=\"400\" cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#00FFFF\" align=\"center\" border=\"0\">
  <tr>
    <td width=\"100\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td width=\"100\" bgcolor=\"#006666\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td width=\"100\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td width=\"100\" bgcolor=\"#6666FF\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
  </tr>
  <tr>
    <td bgcolor=\"#666666\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td bgcolor=\"#00FF33\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
  </tr>
  <tr>
    <td><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td align=\"left\" valign=\"top\">
      <div id=\"divone\" style=\"position:absolute; width:100px; height:40px; z-index:1; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000; visibility: hidden\">divone</div>
    </td>
    <td><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td bgcolor=\"#99CC33\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
  </tr>
  <tr>
    <td bgcolor=\"#FF66CC\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td bgcolor=\"#996699\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
  </tr>
  <tr>
    <td><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td bgcolor=\"#CCFF99\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
    <td bgcolor=\"#FFCC99\"><img src=\"transparent.gif\" alt=\"\" width=\"1\" height=\"40\"></td>
  </tr>
</table>
</body>
</html>
Avatar billede 1005 Nybegynder
13. december 2001 - 08:36 #8
--> pelkjaer ...det var pokkers dit eksempel virker perfekt efter mit ønske...hvorfor jeg ikke kan få det til det.... måske fordi min tabel(5r/4c) er gjort i et editable område fra en templates....? ?
vh 1005
Avatar billede pelkjaer Nybegynder
13. december 2001 - 10:01 #9
Aner det ikke, prøv at smid dit her, eller på webmaster@demenskonsulent.dk
Avatar billede 1005 Nybegynder
13. december 2001 - 13:59 #10
det lykkedes mig nogenlunde nu...
men vender tilbage på din email, som du lagde ovenfor hvis det er i orden, tak for hjælpen
mv1005
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
Kurser inden for grundlæggende programmering

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