Avatar billede krk Nybegynder
05. november 2005 - 20:44 Der er 17 kommentarer og
1 løsning

div i tabel

Jeg jeg troede jeg havde løst problemet, men det havde jeg altå ikke helt alligevel - så jeg prøver igen.

Hvordan får jeg min menu til at stå inde i den nederste celle til venstre?
Har det noget at gøre med at det er en .php fil?
Jeg sender hele koden med igen - jeg ved godt den er lang :-|



<html>
<head>
<title>DHTMLCentral.com - Free Dynamic HTML Scripts - FoldoutMenu2 Demo</title>
<meta name="Author" content="Thomas Brattli (webmaster@dhtmlcentral.com)">
<META NAME="Generator" CONTENT="Designer:Thomas Brattli (www.bratta.com)">
<meta name="KeyWords" content="DHTML, HTML, Dynamic HTML, Javascript, Cascading Style Sheets, Cross-browser, Cross browser, Javascripts, DOM, Scripts, Free Scripts,foldoutmenu2,menu,hierarchical,expandable,collapsable,outlines,">
<meta name="Description" content="Dynamic HTML Central - The ultimate place to find DHTML scripts, demos, tutorials and help.">
<style type="text/css">
#divFoldCont    {position:relativ; left:180px; top:190; width:170px; visibility:hidden;}
.clFold            {position:absolute; width:170px;  margin: 10px; }
.clFoldSub        {position:absolute; left:15px; width:170px; visibility:hidden;}
.clFoldSub2        {position:absolute; left:15px; width:170px; visibility:hidden;}
.clFoldLinks    {font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; font-weight:bold; text-decoration:none; color:black;}
.clSubLinks        {font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; font-weight:bold; text-decoration:none; color:black;}
.clSubLinks2    {font-family:Arial, Verdana, Helvetica, Helv; font-size:12px; text-decoration:none; color:black;} 
</style>
<script language="JavaScript" type="text/javascript">
/********************************************************************************** 
FoldoutMenu2
*  Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*  This script was released at DHTMLCentral.com
*  Visit for more great scripts!
*  This may be used and changed freely as long as this msg is intact!
*  We will also appreciate any links you could give us.
*
*  Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent
    this.dom=document.getElementById?1:0
    this.opera5=this.agent.indexOf("Opera 5")>-1
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
    this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    this.mac=this.agent.indexOf("Mac")>-1
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
    return this
}
var bw=new lib_bwcheck()




if(document.layers){ //NS4 resize fix...
    scrX= innerWidth; scrY= innerHeight;
    onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }
}

if(navigator.userAgent.indexOf('Opera')>-1 && document.getElementById){ //Opera 5 resize fix.
    scrX= innerWidth; scrY= innerHeight;
    document.onmousemove= function(){
        if(scrX<innerWidth-10 || scrY<innerHeight-10 || scrX>innerWidth+10 || scrY>innerHeight+10){
            scrX = innerWidth;
            scrY = innerHeight;
            foldInit();
        }
    };
}
/************************************************************************************
This is the new foldoutmenu, with more levels!
This is in some ways a rather advanced menu so please read every
note in this script and in the comments in the page to understand how
it works.

NOTE: if you change the position of divFoldCont from absolute to relative,
you can put the menu in a table. HOWEVER it will no longer work in netscape 4.
If you wish to support netscape 4, you have to use absolute positioning.
************************************************************************************/

//Do you want images (if not set to 0 and remove the images from the body)?
foldImg=1

//Here are the images for the top links.
foldinImg=new Image(); foldinImg.src="foldoutmenu2_arrow.gif"        //The image for the closed state.
foldoutImg=new Image(); foldoutImg.src="foldoutmenu2_arrow_open.gif"    //The image for the open state.
//Here are the images for the sub links.
foldsubinImg=new Image(); foldsubinImg.src="foldoutmenu2_arrow.gif"        //The image for the "in" state.
foldsuboutImg=new Image(); foldsuboutImg.src="foldoutmenu2_arrow_open.gif"    //The image for the "out" state.
//If you change the images above please remember to change the images in the actual page as well.

mainmenus=9 //How many main menus do you have?

//How many submenus do you have beneath each main level.
submenus=new Array(1,6,6,1,4,4,5,0,1)
//In this example I have 3 submenus in the first top menu,
//3, in the second, 2 submenus in the third top menu and 3 in the forth.
//It's really important that these numbers are correct.

pxbetweenmain = 10 //How much space should there be between the main menus
pxbetweensub = 5 //How much space should there be between the sub menus

mainstayfolded = false //Should the main menus stay folded?
substayfolded = false  //Should the sub menus stay folded?  Play with these 2 variables.


/************************************************************************************
Making cross-browser objects
************************************************************************************/
function makeMenu(obj,nest){
    nest=(!nest) ? "":'document.'+nest+'.';
      this.css= bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;
    this.elm= bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
    this.ref= bw.dom || bw.ie4? document:bw.ns4?eval(nest+"document.layers." +obj+".document"):0;
    this.x= bw.ns4?this.css.left:bw.opera5?this.css.pixelLeft:this.elm.offsetLeft;
    this.y= bw.ns4?this.css.top:bw.opera5?this.css.pixelTop:this.elm.offsetTop;
    this.height= bw.ns4?this.ref.height:bw.opera5?this.css.pixelHeight:this.elm.offsetHeight;
    this.hideIt= b_hideIt;
    this.showIt= b_showIt;
    this.moveIt= b_moveIt;
    this.status= 0;
    return this;
}

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

function b_showIt(){this.css.visibility="visible"; this.status=1}
function b_hideIt(){this.css.visibility="hidden"; this.status=0}
function b_moveIt(x,y){this.x=x; this.y=y; /*this.css.left=this.x+px;*/ this.css.top=this.y+px;}
/************************************************************************************
Initiating the page and making the menu
************************************************************************************/
function foldInit(){
    //Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!
    bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false
    if (bw.opera5) bw.ns6 = 0
   
    //Creating the foldoutmenu
    oFold = new Array();
    y = 0;
    for (var i=0; i<mainmenus; i++){
        oFold[i] = new makeMenu('divFold'+i,'divFoldCont');
        oFold[i].moveIt(0,y);
        oFold[i].size = oFold[i].height;
        y += oFold[i].height+pxbetweenmain;
        if (bw.ns4) oFold[i].css.clip.bottom = 500;
        oFold[i].sub = new Array();
        oFold[i].subs = top_subs;
        suby = oFold[i].height+pxbetweensub;
        for (var j=0; j<submenus[i]; j++){
            oFold[i].sub[j] = new makeMenu('divFoldSub'+i+'_'+j,'divFoldCont.document.divFold'+i);
            oFold[i].sub[j].sub = new makeMenu('divFoldSub'+i+'_'+j+'_0','divFoldCont.document.divFold'+i+'.document.divFoldSub'+i+'_'+j);
            oFold[i].sub[j].hideIt();
            oFold[i].sub[j].sub.hideIt();
            oFold[i].sub[j].moveIt(10,suby);
            suby += oFold[i].sub[j].height+pxbetweensub;
        }
    }
      oFoldCont = new makeMenu('divFoldCont');
    if (bw.ns4) oFoldCont.css.clip.bottom = 800;
      oFoldCont.showIt(); //Showing the menu when the menu have been "created"
}
/************************************************************************************
Object function to the top of the menus.
************************************************************************************/
function top_subs(show, num){
    for (var j=0; j<this.sub.length; j++){
        if (show){
            this.sub[j].showIt()
            if (foldImg) this.ref["imgFold"+num].src = foldoutImg.src
            if (substayfolded){if(this.sub[j].sub.status) this.sub[j].sub.showIt()
            }else{
                if (foldImg) this.sub[j].ref["imgFold"+num+"Sub"+j].src = foldsubinImg.src
                this.sub[j].sub.hideIt()
            }
        }else{
            this.sub[j].hideIt()
            if (foldImg) this.ref["imgFold"+num].src = foldinImg.src
            if (!substayfolded) this.sub[j].sub.hideIt()
            else if (substayfolded) this.sub[j].sub.css.visibility="hidden"
        }
    }
}
/************************************************************************************
Checking height of the menus, and moves them to the correct position.
************************************************************************************/
function checkheight(org){
    if(mainstayfolded) istart=org; else istart=0
    for(i=istart;i<oFold.length;i++){
        oFold[i].size=oFold[i].height
        for(j=0;j<oFold[i].sub.length;j++){
            oFold[i].sub[j].size=oFold[i].sub[j].height+pxbetweensub
            if(oFold[i].sub[j].status){
                oFold[i].size+=oFold[i].sub[j].size
                if(oFold[i].sub[j].sub.status){
                    oFold[i].size+=oFold[i].sub[j].sub.height+pxbetweensub
                    oFold[i].sub[j].size+=oFold[i].sub[j].sub.height+pxbetweensub
                }
            }
            if(j!=0) oFold[i].sub[j].moveIt(10,oFold[i].sub[j-1].y+oFold[i].sub[j-1].size)
        }
        if(i!=0) oFold[i].moveIt(0,oFold[i-1].y+oFold[i-1].size+pxbetweenmain)
    }
}
/************************************************************************************
Fold in and out the submenus.
************************************************************************************/
function subfoldmenu(main,sub){
    if (!substayfolded){
        for (var i=0; i<oFold[main].sub.length; i++){
            if (i!=sub){
                oFold[main].sub[i].sub.hideIt();
                if (foldImg) oFold[main].sub[i].ref["imgFold"+main+"Sub"+i].src = foldsubinImg.src
            }
        }
    }
    if (!oFold[main].sub[sub].sub.status){
        oFold[main].sub[sub].sub.showIt()
        if(foldImg) oFold[main].sub[sub].ref["imgFold"+main+"Sub"+sub].src = foldsuboutImg.src
    }
    else{
        oFold[main].sub[sub].sub.hideIt()
        if(foldImg) oFold[main].sub[sub].ref["imgFold"+main+"Sub"+sub].src = foldsubinImg.src
    }
    checkheight(main)
}
/************************************************************************************
Fold in and out the mainmenus
************************************************************************************/
function foldmenu(num){
    if (!mainstayfolded){
        for(var i=0; i<oFold.length; i++){
            if(i!=num) oFold[i].subs(0,i)
        }
    }
    if (!oFold[num].sub[0].status) oFold[num].subs(1,num)
    else oFold[num].subs(0,num)
    checkheight(num)
}
//Initiating the menus onload, if the browser is ok.
if(bw.bw) onload = foldInit;
</script>
</head>

<body marginleft="0"  topmargin="100">
<table border="1" align="center" height="270" valign="middle">
  <tr>
    <td width='200' height="59" valign="top">kjfdsjk</td>
    <td>ftyt</td> </tr>
    <td>
      <?php
print"

<!-- Menu container -->
<div id='divFoldCont'>
    <!-- Top 1 -->
    <div id='divFold0' class='clFold'><a href='#' onclick='foldmenu(0); return false' class='clFoldLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold0' width=12 height=12 alt='' border=0> Lafodan1</a><br>
        <div id='divFoldSub0_0' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold0Sub0'  alt='' border=0> Profil</a><br>
            <div id='divFoldSub0_0_0' class='clFoldSub2'></div>
        </div>
       
    </div>
    <!-- Top 2 -->
    <div id='divFold1' class='clFold'><a href='#' onclick='foldmenu(1); return false' class='clFoldLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold1' width=12 height=12 alt='' border=0> Produkter</a><br>
        <div id='divFoldSub1_0' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold1Sub0'  alt='' border=0> Døre</a><br>
            <div id='divFoldSub1_0_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub1_1' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold1Sub1'  alt='' border=0> Vinduer</a><br>
            <div id='divFoldSub1_1_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub1_2' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link'  class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold1Sub2'  alt='' border=0> Hæveskydedøre</a><br>
            <div id='divFoldSub1_2_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub1_3' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link'  class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold1Sub3'  alt='' border=0> Hård træ elementer</a><br>
            <div id='divFoldSub1_3_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub1_4' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link'  class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold1Sub4'  alt='' border=0> Træ/Alu</a><br>
            <div id='divFoldSub1_4_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub1_5' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link'  class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold1Sub5'  alt='' border=0> Profilsnit</a><br>
            <div id='divFoldSub1_5_0' class='clFoldSub2'></div>
        </div>
    </div>
   


<!-- Top 3 -->
    <div id='divFold2' class='clFold'><a href='#' onclick='foldmenu(2); return false' class='clFoldLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold2' width=12 height=12 alt='' border=0> Træ</a><br>
        <div id='divFoldSub2_0' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold2Sub0'  alt='' border=0> Fyr</a><br>
            <div id='divFoldSub2_0_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub2_1' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold2Sub1'  alt='' border=0> Maghoni</a><br>
            <div id='divFoldSub2_1_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub2_2' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold2Sub2'  alt='' border=0> Eg</a><br>
            <div id='divFoldSub2_2_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub2_3' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold2Sub3'  alt='' border=0> Teak</a><br>
            <div id='divFoldSub2_3_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub2_4' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold2Sub4'  alt='' border=0> Jatoba</a><br>
            <div id='divFoldSub2_4_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub2_5' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold2Sub5'  alt='' border=0> Maghoni</a><br>
            <div id='divFoldSub2_5_0' class='clFoldSub2'></div>
        </div>
    </div>
    <div id='divFold3' class='clFold'><a href='#' onclick='foldmenu(3); return false' class='clFoldLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold3' width=12 height=12 alt='' border=0> Glas</a><br>
        <div id='divFoldSub3_0' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold3Sub0'  alt='' border=0> [empty]</a>
            <div id='divFoldSub3_0_0' class='clFoldSub2'></div>
        </div>
       
    </div>
   
    <!-- top 4 -->
<div id='divFold4' class='clFold'><a href='#' onclick='foldmenu(4); return false' class='clFoldLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold4' width=12 height=12 alt='' border=0> Overfladebehandling</a><br>
        <div id='divFoldSub4_0' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold4Sub0'  alt='' border=0> Imprægnering</a><br>
            <div id='divFoldSub4_0_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub4_1' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold4Sub1'  alt='' border=0> Olie</a><br>
            <div id='divFoldSub4_1_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub4_2' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold4Sub2'  alt='' border=0> Maling</a><br>
            <div id='divFoldSub4_2_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub4_3' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold4Sub3'  alt='' border=0> st@teknos.dk</a><br>
            <div id='divFoldSub4_3_0' class='clFoldSub2'></div>
        </div>
    </div>   
   
    <!-- top 5 -->
    <div id='divFold5' class='clFold'><a href='#' onclick='foldmenu(5); return false' class='clFoldLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold5' width=12 height=12 alt='' border=0> Garanti</a><br>
        <div id='divFoldSub5_0' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold5Sub0'  alt='' border=0> Dvc</a><br>
            <div id='divFoldSub5_0_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub5_1' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold5Sub1'  alt='' border=0> Energimærkning</a><br>
            <div id='divFoldSub5_1_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub5_2' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold5Sub2'  alt='' border=0> Vinduesindustri</a><br>
            <div id='divFoldSub5_2_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub5_3' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold5Sub3'  alt='' border=0> Byg</a><br>
            <div id='divFoldSub5_3_0' class='clFoldSub2'></div>
        </div>
    </div>

    <!-- top 6 -->
    <div id='divFold6' class='clFold'><a href='#' onclick='foldmenu(6); return false' class='clFoldLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold6' width=12 height=12 alt='' border=0> Referencer</a><br>
        <div id='divFoldSub6_0' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold6Sub0'  alt='' border=0> Døre</a><br>
            <div id='divFoldSub6_0_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub6_1' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold6Sub1'  alt='' border=0> Vinduer</a><br>
            <div id='divFoldSub6_1_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub6_2' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold6Sub2'  alt='' border=0> Hæveskydedøre</a><br>
            <div id='divFoldSub6_2_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub6_3' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold6Sub3'  alt='' border=0> Træ/alu</a><br>
            <div id='divFoldSub6_3_0' class='clFoldSub2'></div>
        </div>
        <div id='divFoldSub6_4' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold6Sub4'  alt='' border=0> Havestuer</a><br>
            <div id='divFoldSub6_4_0' class='clFoldSub2'></div>
        </div>
    </div>

    <!-- top 7 -->
    <div id='divFold7' class='clFold'><a href='?page=kontakt'  class='clFoldLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold7' width=12 height=12 alt='' border=0> Kontakt</a><br>
    </div>
   
<!-- top 8 -->
    <div id='divFold8' class='clFold'><a href='#' onclick='foldmenu(8); return false' class='clFoldLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold8' width=12 height=12 alt='' border=0> Markedsplads</a><br>
        <div id='divFoldSub8_0' class='clFoldSub'><a href='java script://this link doesn't have a onclick, and can be used just like a regular link' class='clSubLinks' onfocus='if(this.blur)this.blur()'><img src='foldoutmenu2_arrow.gif' name='imgFold8Sub0'  alt='' border=0> På lager</a><br>
            <div id='divFoldSub8_0_0' class='clFoldSub2'></div>
        </div>
    </div>

</div>
";
?>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>Flytte menuen ned i denne celle</p></td>
    <td width="200">
<?php

        $page = $_REQUEST['page'];
               
                if(!$page){
                    require("content/firmaprofil.php");
                }else{
                    require("content/$page.php");
                }
       
    ?>
&nbsp;</td></tr></table>



</body>
</html>
Avatar billede johan.o Nybegynder
05. november 2005 - 22:27 #1
Jeg er overhovedet ikke sikker men prøv at ændre følgende linje :

#divFoldCont    {position:relativ; left:180px; top:190; width:170px; visibility:hidden;}

til

#divFoldCont    {position:relative; width:170px; visibility:hidden;}

Mvh. Johan
Avatar billede johan.o Nybegynder
05. november 2005 - 22:35 #2
Ja og så skal du forresten også ændrer noget i toppen.

Skift flg. :

<html>
<head>
<title>DHTMLCentral.com - Free Dynamic HTML Scripts - FoldoutMenu2 Demo</title>

ud med flg. :

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/REC-html40/strict.dtd'>
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>Test.</title>

Mvh. Johan
Avatar billede johan.o Nybegynder
05. november 2005 - 22:41 #3
He he, og så prøv at skifte dette :

<body marginleft="0"  topmargin="100">
<table border="1" align="center" height="270" valign="middle">
  <tr>
    <td width='200' height="59" valign="top">kjfdsjk</td>
    <td>ftyt</td> </tr>
    <td>

ud med dette :

<body>
<table style='width: 200px; margin: 0 auto; border: 1px solid black;'>
  <tr>
    <td><br><br><br><br></td>
  </tr>
</table>

<table style='width: 200px; margin: 0 auto; border: 1px solid black;'>
  <tr>
    <td>

og i den anden ende byt dette :

      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>Flytte menuen ned i denne celle</p></td>
    <td width="200">
<?php

        $page = $_REQUEST['page'];
             
                if(!$page){
                    require("content/firmaprofil.php");
                }else{
                    require("content/$page.php");
                }
     
    ?>
&nbsp;</td></tr></table>

ud med dette :

</td></tr></table>

Så er der forhåbentligt lidt mere logik i dit resultat.....eller ?

Mvh. Johan
Avatar billede krk Nybegynder
06. november 2005 - 00:18 #4
Jeg forstår ikke helt hvorfor jeg skal udføre det sidste du skrev.
Bare ved at ændre
#divFoldCont    {position:relativ; left:180px; top:190; width:170px; visibility:hidden;}

til

#divFoldCont    {position:relative; width:170px; visibility:hidden;}
ser det fint ud - tror jeg, jeg skal lige have det testet ordentligt :-)
Avatar billede johan.o Nybegynder
06. november 2005 - 00:32 #5
Okay, det er da godt :), men jeg syntes ikke lige jeg kunne få den til at fungerer her uden at sætte en DOCTYPE og derudover bør du altid sætte en DOCTYPE declaration, om det så lige skal være strict typen skal jeg ikke gøre mig klog på, men det er en ting du bør  læse lidt om da det kan hjælpe dig fremover. <olebole> har linket til en god side på msdn.microsoft.com, jeg ser lige om jeg kan finde den.

Grunden til jeg vil skifte din tabel og det sidste php ud er at din tabel struktur er forkert, og php delen laver blot fejlmeddelelser hos mig når jeg tester. Det kan være en god ide at prøve at lave koden simplerer for at lokaliserer fejl og når man så har et fungerende stykke kode, så bygger man på igen.

I tabel strukturen skal du huske at lukke dine tag's igen, og som rettesnor sørge for at der er lige mange celler <td> i alle rækker <tr>.

Jeg kigger mig lige om efter lidt links til dig og vender tilbage :)

Mvh. Johan
Avatar billede krk Nybegynder
06. november 2005 - 00:32 #6
Det virker ikke helt. For hvis jeg sætter height="500" på min celle hvor menuen skal stå inde i så rykker hele menuen med ned i bunden af cellen
Avatar billede johan.o Nybegynder
06. november 2005 - 00:43 #8
Ang. 6-11-05 00:32:59 :

Ja, det er rigtigt. Menuen er bygget op af flere elementer, nogle er placeret relativt andre er placeret absolut. De elementer som er placeret absolut vil ikke have effekt på størrelsen af den celle <td> de ligger i, de er jo placeret absolut (svævende) ovenpå tabellen.

Prøv og lave de ændringer jeg foreslår, så kan vi kigge på hvad der evt. kan laves af ændringer der hjælper dig videre. Men med det samme skal du vide at det ikke vil være muligt at få den celle <td> som menuen er i til at udvide sig sammen med menuen, netop på grund af de absolut placerede elementer.

Mvh. Johan
Avatar billede krk Nybegynder
06. november 2005 - 00:43 #9
Okay, nu tror jeg at det virker. jeg har bare sat <td valign="top"> så faldt menuen på plads.
Jeg har uploaded det til http://kryt.dk/lafodan/menu_losninger/demo_menu/menu1.php kan jeg få dig til at kigge på det om det ser rigtig ud.

Jeg vil kigge på dine links senere - det ser lærerigt ud :)
Avatar billede krk Nybegynder
06. november 2005 - 00:45 #10
06/11-2005 00:43:34
Nej, jeg tænkte nok at cellen ikke ville udvide sig når menuen blev for lang, men det tror jeg at jeg har taget nogenlunde hensyn til i mit design
Avatar billede johan.o Nybegynder
06. november 2005 - 00:54 #11
Jeg har lige kigget, om det ser rigtigt ud skal du jo afgører men umiddelbart ser det da godt ud.

Jeg tror du kan drage fordel af at læse lidt om CSS og DOCTYPE og hvis du er intresseret vil det være en fornøjelse at prøve at hjælpe dig på vej, men det vil kræve en del skriven frem og tilbage så lad mig høre om du blot vil have noget der 'ser' godt ud eller om du også vil have noget der er godt lavet :)

Mvh. Johan .......... og forresten skal det jo nok siges at jeg kun kan hjælpe dig på vej med det jeg TROR jeg ved, vi kan jo alle lære :)
Avatar billede krk Nybegynder
06. november 2005 - 01:00 #12
Jeg vil meget gerne lære at udvikle noget der er lavet godt og jeg vil med glæde tage imod din hjælp.
Avatar billede krk Nybegynder
06. november 2005 - 01:03 #13
Jeg kender ikke www.w3.org som du henviser til, men det ser ud til at man kan få mange timer til at gå men lidt læsning. Jeg vil kigge på det imorgen.
Tak for hjælpen. Du henter bare dine point
Avatar billede johan.o Nybegynder
06. november 2005 - 01:08 #14
DAMN, he je just kidding :)

Men så vil mit første råd være at prøve at læse linket med DOCTYPE. Det vil måske virke lidt uforståeligt i starten, men 'trust me' det er noget af det grundlæggende og har du først fået indblik i det er du bedre hjulpet end de fleste.

Når du har læst det så lad os snakke sammen igen.

Mvh. Johan
Avatar billede johan.o Nybegynder
06. november 2005 - 01:09 #15
BTW, er det dig der har lavet den nederste PHP del ?

Mvh. Johan
Avatar billede johan.o Nybegynder
06. november 2005 - 01:10 #16
Point ?...tja hvorfor ikke :)
Avatar billede krk Nybegynder
06. november 2005 - 01:11 #17
Det lyder fint
Avatar billede olebole Juniormester
06. november 2005 - 10:07 #18
<ole>

Johan >> Lidt husketeknik til næste gang, du glemmer 'mit' link:
Det handler om at få doctype til at skifte 'noget' browseren. Altså, gå til Google - tast 'microsoft doctype switch' og tryk 'Enter'.
Så fremkommer linket, som et af de første i resultatet: 'CSS Enhancements in Internet Explorer 6':
    http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

- og der bør specielt læses under: The !DOCTYPE "Switch"

krk >> W3C (WorldWideWeb Consortium) er den organisation, som fastlægger og vedligeholder langt de fleste webstandarder.
www.w3.org er deres site og stedet, hvor de offentliggør deres arbejde. Både i form af arbejdspapirer, udkast og endelige 'rekommandationer' (som de kalder deres standarder).

At lære at læse deres papirer er ikke let, men når man først har lært det, er sitet umuligt at undvære. Det er (næsten) det eneste sted, det er værd at hente info om webkodning.
Steder som html.dk og w3schools.dk bidrager i al for høj grad med forkerte oplysninger, fejl, misforståelser og udeladelser. På html.dk kan det direkte være svært at finde hullerne mellem fejlene.

/mvh
</bole>
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