Coolmenu vast "lijmen"

Status
Niet open voor verdere reacties.

Erwinski

Gebruiker
Lid geworden
12 sep 2007
Berichten
50
Hallo,

Ik heb een menu'tje gemaakt met de supercoole coolmenu's.

Het probleem is, ik krijg ze niet fatsoenlijk gepositioneerd!

Heb css, alles geprobeerd maar hij wil zich niet vast zetten in mijn <td>.

HTML:
<td width="200px" align="center">
    <div id="divMenu2">
      <ilayer class="menu" id="layerMenu2">
       <img src="img/spacer.gif" width="200" height="150">
    </div>
   </ilayer>			
</td>

Hier zit het coole menu in.

Heeft iemand tips om 'm vast te zetten?

Mvg,
Erwin.
 
Dit heeft denk ik te maken met html, niet Javascript.
Als er echter toch een script bij hoort (Wat ik wel vermoed, want ik heb nog nooit van een "ILayer" gehoord dus er moet denk ik wel een script mee gemoeid zijn) zou je die ook eens moeten posten.
En natuurlijk eventueel ook alle andere dingen die er bijhoren zoals css enz..
Op die manier kunnen we al die dingen bijeengooien en eens kijken hoe het nu precies werkt. :thumb:

EDIT: Sorry, ik was fout over die ILayer; Hij bestaat wél. Ik zal er je echter niet kunnen mee helpen want ik ken niets van die tag. :confused:
 
Laatst bewerkt:
Codes

HTML:
<table border="1">
		<tr>
			<td width="200px" align="center">
				<div id="divMenu2">
					<img src="img/spacer.gif" width="200" height="150">
				</div>
			</td>
			<td class="content" align="right" border="0" width="730px">
			<?php 	
				include("includes/pages.php");
				?>
			</td>
		</tr>
	</table>	
</td>
</tr>
</table>
<script>
/******************* MENU LEFT **********************************/

//Extra code to find position:
function findPos2(){
  if(bw.ns4){   //Netscape 4
    x = document.layers.layerMenu2.pageX
    y = document.layers.layerMenu2.pageY
  }else{ //other browsers
    x=0; y=0; var el,temp
    el = bw.ie4?document.all["divMenu2"]:document.getElementById("divMenu2");
    if(el.offsetParent){
      temp = el
      while(temp.offsetParent){ //Looping parent elements to get the offset of them as well
        temp=temp.offsetParent; 
        x+=temp.offsetLeft;
        y+=temp.offsetTop;
      }
    }
    x+=el.offsetLeft
    y+=el.offsetTop
  }
  //Returning the x and y as an array
  return [x,y]
}

pos2 = findPos2()

//Menu object creation
oCMenu2=new makeCM("oCMenu2") //Making the menu object. Argument: menuname

//Menu properties   
oCMenu2.pxBetween=2
//Using the cm_page object to place the menu ----
oCMenu2.fromLeft=pos2[0]
oCMenu2.fromTop=pos2[1]
//We also need to "re place" the menu on resize. So:
oCMenu2.onresize="pos2 = findPos2(); oCMenu2.fromLeft=pos2[0]; oCMenu2.fromTop=pos2[1]"

oCMenu2.rows=0
oCMenu2.menuPlacement=1
                                                                  
oCMenu2.offlineRoot="" 
oCMenu2.onlineRoot="" 
oCMenu2.resizeCheck=1 
oCMenu2.wait=1000 
oCMenu2.fillImg="img/cm_fill.gif"
oCMenu2.zIndex=50

//Background bar properties
oCMenu2.useBar=0
oCMenu2.barWidth="menu"
oCMenu2.barHeight="menu" 
oCMenu2.barClass="cl2Bar"
oCMenu2.barX="menu"
oCMenu2.barY="menu"
oCMenu2.barBorderX=1
oCMenu2.barBorderY=1
oCMenu2.barBorderClass=""

//Level properties - ALL properties have to be spesified in level 0
oCMenu2.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu2.level[0].width=200
oCMenu2.level[0].height=21 
oCMenu2.level[0].regClass="cl2Level0"
oCMenu2.level[0].overClass="cl2Level0over"
oCMenu2.level[0].borderX=1
oCMenu2.level[0].borderY=1
oCMenu2.level[0].borderClass="cl2Level0border"
oCMenu2.level[0].offsetX=-1
oCMenu2.level[0].offsetY=1
oCMenu2.level[0].rows=0
oCMenu2.level[0].align="right"
oCMenu2.level[0].arrow="img/tri.gif"
oCMenu2.level[0].arrowHeight=10
oCMenu2.level[0].arrowWidth=5

oCMenu2.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu2.level[1].width=200
oCMenu2.level[1].height=20
oCMenu2.level[1].regClass="cl2Level1"
oCMenu2.level[1].overClass="cl2Level1over"
oCMenu2.level[1].borderX=1
oCMenu2.level[1].borderY=1
oCMenu2.level[1].align="right" 
oCMenu2.level[1].offsetX=-1
oCMenu2.level[1].offsetY=-1
oCMenu2.level[1].borderClass="cl2Level1border"
oCMenu2.level[1].arrow="img/tri.gif"
oCMenu2.level[1].arrowHeight=10
oCMenu2.level[1].arrowWidth=5

oCMenu2.makeMenu('m1','m0','Algemeen&nbsp; &nbsp; &nbsp;','index.php?id=1','_self',200,'','','','cl2Level0')
<?php
GetMenu($_GET['id']);
?>

oCMenu2.construct()
</script>
</div>
</body>
</html>
Dit zijn de codes die op de index.php staan


Code:
/* ######################################### MENU LEFT ################################ */  

/* CoolMenus 4 - default styles - do not edit */
.cl2CMEvent{
position:absolute; 
width:99%; 
height:99%; 
cl2ip:rect(0,100%,100%,0); 
left:0; 
top:0; 
visibility:visible;
}

.cl2CMAbs{
position:absolute; 
visibility:hidden; 
left:0; 
top:0
}
/* CoolMenus 4 - default styles - end */
  
/*Styles for level 0*/
.cl2Level0,.cl2Level0over{
position:fixed; 
margin-top: 0.1em;
padding-left: 3.5em;
font-family:arial,helvetica; 
font-size:16px; 
font-weight:bold; 
letter-spacing: 0pt; 
cursor:pointer; 
cursor:hand; 
text-align:left;
}

.cl2Level0{ 
position: auto;
color:#000099;
margin-top: em
}
.cl2Level0over{ 
color:red; 
cursor:hand; 
}
.cl2Level0border{
margin-top: em;
position:absolute;
visibility:hidden; 
}

/*Styles for level 1*/
.cl2Level1, .cl2Level1over{
position:absolute; 
padding:2px; 
font-family:arial,helvetica; 
font-size:12px; 
font-weight:bolder; 
cursor:pointer; 
cursor:hand; 
text-align:center;
}

.cl2Level1{
background-color:#ffffff; 
color:#000099;
}

.cl2Level1over{
width: 200px;
background-color:#ffffff;  
color:red; 
cursor:pointer; 
cursor:hand; 
}

.cl2Level1border{
margin-top: 0em;
position:absolute; 
visibility:hidden;
background-color:#000099; 
}
.cl2Level1on, .cl22Levelover{
position:absolute; 
padding:2px; 
font-family:arial,helvetica; 
font-size:11px; 
font-weight:bolder; 
cursor:pointer; 
cursor:hand; 
text-align:left;
}
.cl2Level1on{
color:#FFFFFF;
}
.cl2Level1on{
width: 200px;
background-color:#0D2B88; 
color:#FFFFFF; 
cursor:pointer; 
cursor:hand; 
}
.cl2Level1onborder{
position:absolute; 
visibility:hidden; 
background-color:#CCCCCC; 
color:#FFFFFF; 
}
Hierboven staat de css

Ik heb de ilayer er al uitgehaald. Snap ook niet waarom die erin staat. Ben wat met de css properties van de div tag gaan stoeien, helaas zonder resultaat.
Ik moet er gewoon voor kunnen zorgen dat de div met daarin het menu vaststaat in de <td> van de tabel.
 
Probleem opgelost!

Ik heb in mijn pagina ook nog een javascript klok staan en de maten hiervan staan niet vast in de <td> van de tabel. Nu heb ik die erin gezet en blijft alles netjes staan.

Toch bedankt :thumb:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan