Avatar billede mindreklog Nybegynder
24. november 2003 - 13:19 Der er 7 kommentarer og
1 løsning

treemenu i celle i tabel

Hej,

jeg har forsøgt at lave en treemenu i en celle i en tabel bestående af tre celler - når jeg så vil se websiden i en browser - er det ligesom om den samler cellerne til en.. HVad skyldes det??
Avatar billede heavybreezer Nybegynder
24. november 2003 - 13:26 #1
Gætter på, at det er i højden du mener?
Du skal bare sætte en større height på din table eller td.
Avatar billede Jman Praktikant
24. november 2003 - 14:01 #2
kode ?
Avatar billede heavybreezer Nybegynder
24. november 2003 - 14:57 #3
Tja.. Du har vel allerede koden?

Du skal bare sætte højden til fx. 100% i din table.
<table height="100%">

Men du skal lige vide, at height="100%" ikke lever op til w3c standarderne.
Avatar billede mindreklog Nybegynder
24. november 2003 - 15:01 #4
nu har jeg forsøgt mig med noget andet og der er stadig nogle problemer...

nu vil den ikke fylde min store - bagved liggene tabel ud..

Kode:

//index.htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<link rel="stylesheet" href="3level.css">
<title>ScriptBreaker.com :: 3 level click menu</title>
<script language="JavaScript" src="3level_items.js"></script>
<script language="JavaScript" src="3level_menu.js"></script>
<body bgcolor="#CCCCCC" text="#000000">
<div align="center">
  <table width="769" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999">
    <tr bgcolor="#FFFFFF">
      <td colspan="2" height="121" valign="top"><img src="billeder/top1.gif" width="769" height="121"></td>
    </tr>
    <tr>
      <td width="175" height="15"></td>
      <td width="594"></td>
    </tr>
    <tr>
      <td valign="top" height="577">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="175" height="572" valign="top" bgcolor="#FFFFFF">
              <script language="JavaScript">
create_menu('ScriptBreaker',Link,Prop);
</script>
            </td>
          </tr>
        </table>
      </td>
      <td valign="top">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="30" height="248"></td>
            <td rowspan="3" width="370" valign="top" bgcolor="#FFFFFF">
              <blockquote>
                <p><font face="Aja" size="4">Velkommen til MusicalTours.dk </font>
                </p>
                <p><font face="Aja" size="4">I byer som London og New York har
                  musical l&aelig;nge v&aelig;ret forbundet med en hyggelig og
                  romantisk aften i byen. Denne tradition har Danmark efterh&aring;nden
                  ogs&aring; taget til sig og flere og danskere tager til musicals
                  her i Danmark. </font></p>
                <p><font face="Aja" size="4">Vores m&aring;l er at give jer muligheden
                  for at opleve de store i musicals i en af de st&oslash;rste
                  musicals byer, nemlig London. MusicalsTours.dk vil st&aring;
                  for alt det praltiske med flybilletter, hotelbooking og reservering
                  af billetter til den valgte musical.</font></p>
                <p><font face="Aja" size="4">Venlig hilsen MusicalTours.dk</font></p>
              </blockquote>
            </td>
            <td width="29"></td>
            <td width="2"></td>
            <td width="163" rowspan="4" valign="top" bgcolor="#FFFFFF">
              <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b><font size="3">Sidste
                nyt </font></b></font> </div>
              <p align="center"><i><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Her
                t&aelig;nkte jeg at vi kunne have sidste nyt. Alts&aring; forskellige
                nyheder dels om musicalTours og om forskellige arrangementer.</font></i></p>
            </td>
          </tr>
          <tr>
            <td height="82" valign="top"><img src="billeder/prik.gif" width="30" height="82"></td>
            <td valign="top"><img src="billeder/prik.gif" width="29" height="82"></td>
            <td></td>
          </tr>
          <tr>
            <td height="80"></td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td height="167"></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td height="8"></td>
      <td></td>
    </tr>
  </table>
</div>
</body>
</html>


jeg har ikke postet den kode, som hører til treemenuen - skal i have den også?
Avatar billede mindreklog Nybegynder
24. november 2003 - 15:06 #5
her kommer al koden til den freescript menu jeg har brugt ude i venstre tabel

//3level
.level1
{
font-size:12px;
margin:5px 0px 0px 0px;
}
.level1 a
{
  font-family:verdana;
color:darkblue;
font:bold;
text-decoration:none;
}
.level2
{
font-size:11px;
margin:3px 0px 0px 10px;
}
.level2 a
{
  font-family:verdana;
color:blue;
text-decoration:none;
}
.level3
{
font-family:verdana;
margin:3px 0px 0px 20px;
}
.level3 a
{
font-size:10px;
color:red;
text-decoration:none;
}
.level3 a:hover
{
text-decoration:underline;
}


//3level_items
var l1 = new Image()
l1.src = "icons/l1.gif"
var l2 = new Image()
l2.src = "icons/l2.gif"
var l3 = new Image()
l3.src = "icons/l3.gif"

var Link=[
[1,1,"Home",null,"_blank"],
[2,3,"HomePage","http://www.ScriptBreaker.com","_blank"],
[2,3,"BookMark","http://www.ScriptBreaker.com","_blank"],
[2,3,"Add2 Favor","http://www.ScriptBreaker.com","_blank"],
[1,1,"Scripts",null,"_blank"],
[2,2,"JavaScript",null,"_blank"],
  [3,3,"Games","http://www.ScriptBreaker.com","_blank"],
  [3,3,"Navigation","http://www.ScriptBreaker.com","_blank"],
[2,3,"Asp","http://www.ScriptBreaker.com","_blank"],
[1,3,"Forum","http://www.ScriptBreaker.com","_blank"],
[1,3,"Contact","http://www.ScriptBreaker.com","_blank"]
];

var Prop=[
15, // height of the level 1 headers
15, // height of the level 2 headers
15, // height of the level 3 headers
];



//3level_menu
//free JavaScripts on http://www.ScriptBreaker.com
function create_menu(id,arr,parr)
{
document.write("<table><tr><td><div style='position:relative;'>");
vtop = 0;
open_div = 0
c_div = 1;
for(i=0;i<arr.length;i++)
{
  if(arr[i-1])
  {
  if(arr[i][0] < arr[i-1][0]) {document.write("</div>");open_div--;}
  if((open_div != 0) && (arr[i][0] == 1)) {document.write("</div>");open_div--;
  if((open_div == 1) && (arr[i][0] ==1)) document.write("</div>");
}
  }
  height = parr[(arr[i][1]-1)];
  if(arr[i][1] == 1) img = l1.src;
  else{if (arr[i][1] == 2) img = l2.src;
  else img = l3.src;}
  document.write("<div style='top:"+vtop+";height:"+height+"' class='level"+arr[i][0]+"'>")
  document.write("<img src="+img+" border=0 hspace=3 vspace=1 ");
  if(arr[i+1]) {if(arr[i][0] < arr[i+1][0]) document.write("onclick=change('"+ id +"_"+ c_div+"') style='cursor:hand'");}
  document.write("><a href=\"");
  if(arr[i][3] == null) document.write("java script:change('"+ id +"_"+ c_div+"')\"");
  else document.write(arr[i][3] +"\" target='"+arr[i][4]+"'");
  document.write(">"+arr[i][2]+"</a></div>");
  vtop += height;
  if(arr[i+1])
  {
  if(arr[i][0] < arr[i+1][0]) {document.write("<div style='display:none;' id='"+id+"_"+c_div+"'>");open_div++;c_div++;}
  }}
for(i=0;i<open_div;i++) document.write("</div></td></tr></table>");

document.write("</div>");
}
// free JavaScripts on http://www.ScriptBreaker.com
function change(id)
{
obj = document.getElementById(id);
if(obj.style.display == "")
{
obj.style.display = "none";
}
else
{
  obj.style.display = "";
}
}
Avatar billede mindreklog Nybegynder
24. november 2003 - 15:09 #6
altså den tabel med to celler der har tekst i er i hvert fald på min meget smalle og der er en masse fri plads ude i højre side på min bagved liggende tabel
Avatar billede mindreklog Nybegynder
24. november 2003 - 16:30 #7
er der ingen der kan hjælpe???
Avatar billede mindreklog Nybegynder
04. november 2005 - 12:18 #8
tager point retur
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