Help mijn menu!

[Robinho]

Hallo iedereen,

Ik heb een menu in elkaar gezegd met een beetje hulp, maar ik een doorzichte achtergrond (hij is nu grijs)maar dat lukt niet ik heb alles al geprobeert maar mij lukt het niet, lukt het iemand anders reageer dat alstublieft.

het eerste script moet je op slaan als html

het 2de script moet je op de site kijken en opslaan onder js

En dan bij elkaar in een mapje zetten en dan kijken of het is gelukt,

Het is een uit schuif baar menu.

Hier heb je mijn script(wel een beetje lang):

<style type="text/css">

.transMenu {
position:absolute;
overflow:hidden;
left:-1000px;
top:-1000px;
margin-left:-13px;
}

.transMenu .content {
position:absolute;
}

.transMenu .items {
position:relative;
left:0px; top:0px;
z-index:2;
}

.transMenu.top .items {
border-top:none;
}

.transMenu .item{
font-size:16px;
font-family: Tahoma;
text-decoration:none;
margin: 0px;
display:block;
border:none;
cursor:pointer;
cursor:hand;
}



.transMenu .background {
position:absolute;
left:0px; top:0px;
}

.transMenu .shadowRight {
position:absolute;
top:3px; width:2px;
}

.transMenu .shadowBottom {
position:absolute;
}


.transMenu .item.hover td {
color:	#666666;
}

.transMenu .item td{
color: #4B839B;
}



a.mainlevel-trans:link, a.mainlevel-trans:visited {
font-family: Tahoma, Helvetica, sans-serif;
text-decoration:none;
font-size: 16px;
color:#4B839B;
white-space:nowrap;
line-height: 16px;
display: block;
height: 16px;
width:auto;
margin: 2px;
padding: 2px 9px 2px 9px;
}

a.mainlevel-trans:hover {
color:#666666;
}

a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
font-family: Tahoma, Helvetica, sans-serif;
text-decoration:none;
font-size: 16px;
color:#4B839B;
white-space:nowrap;
line-height: 16px;
display: block;
height: 16px;
width:auto;
margin: 2px;
padding: 2px 9px 2px 9px;
}

a.mainlevel_active-trans:hover {
color:#666666;
}
/* End added */

</style>
		<!-- Begin menu --> 

		<link rel="stylesheet" type="text/css" href="style.css"> 
		<script language="javascript" src="transmenu.js"></script> 



<table cellpadding=0 cellspacing=0 border=0><tr><td>
<a href="hoi.html" class="mainlevel_active-trans" id="menu2">Home|</a>
</td><td><a href="hoi.html" class="mainlevel-trans" id="menu3">Hosting|</a>
</td><td><a href="hoi.html" class="mainlevel-trans" id="menu6">Portfolio|</a>
</td><td><a href="hoi.html" class="mainlevel-trans" id="menu7">Informatie|</a>
</td><td><a href="hoi.html" class="mainlevel-trans" id="menu9">Contact</a>
</td></tr></table></div></div> 
		<script language="javascript"> 
		if (TransMenu.isSupported()) {
			TransMenu.updateImgPath('');

			var ms = new TransMenuSet(TransMenu.direction.down, 12, 2, TransMenu.reference.bottomLeft);
			TransMenu.subpad_x = 1;
			TransMenu.subpad_y = 0;


			document.getElementById("menu2").onmouseover = function() {
				ms.hideCurrent();
			}
var tmenu3 = ms.addMenu(document.getElementById("menu3"));
tmenu3.addItem("Gold hosting.", "hoi.html", 0, 0);
tmenu3.addItem("Silver hosting.", "hoi.html", 0, 0);
tmenu3.addItem("Brons hosting.", "hoi.html", 0, 0);
tmenu3.addItem("Free hosting.", "hoi.html", 0, 0);


var tmenu6 = ms.addMenu(document.getElementById("menu6"));
tmenu6.addItem("Website's.", "hoi.html", 0, 0);
tmenu6.addItem("Logo's.", "hoi.html", 0, 0);
tmenu6.addItem("Referenties", "hoi.html", 0, 0);

var tmenu7 = ms.addMenu(document.getElementById("menu7"));
tmenu7.addItem("Over ons werk.", "hoi.html", 0, 0);
tmenu7.addItem("Tarieven", "hoi.html", 0, 0);
tmenu7.addItem("Wat is webdesign?", "hoi.html", 0, 0);

var tmenu9 = ms.addMenu(document.getElementById("menu9"));
tmenu9.addItem("Vragene en/of Problemen?", "hoi.html", 0, 0);
tmenu9.addItem("Route vanaf ons.", "hoi.html", 0, 0);

			TransMenu.renderAll();
		}
		init1=function(){TransMenu.initialize();}
		if (window.attachEvent) {
			window.attachEvent("onload", init1);
		}else{
			TransMenu.initialize();			
		}
		</script> 
	<!-- End menu --> 

Hier heb je een .js script Moet je effe van deze site op halen en in een js bestand zetten onder de naam : transmenu.js kijken:http://www.krijgerwebdesign.1sweethost.com/js.html

Ik hoop echt alles het lukt anders hoor ik het wel:P

Alvast bedankt

Groetjes Robinho

Copyright © KrijgerWebdesign 2009

[leroy]

Je website werkt ook niet echt goed in firefox!!

heb een screenshot:

[ATTACH]1486[/ATTACH]

Je dropdown menu staat in firefox op een hele vreemde plek.

Als je een website maakt. moet je het niet alleen op internet explorer uittesten, maar ook op firefox en desnoods op opera.

dit zijn namelijk de meest gebruikte browsers.

[Robinho]

Je website werkt ook niet echt goed in firefox!!

heb een screenshot:

[ATTACH]1486[/ATTACH]

Je dropdown menu staat in firefox op een hele vreemde plek.

Als je een website maakt. moet je het niet alleen op internet explorer uittesten, maar ook op firefox en desnoods op opera.

dit zijn namelijk de meest gebruikte browsers.

Ja weet ik dat is nou mijn probleem ik weet niet hoe ik dat transmenu goed moet zetten.

Groetjes RObinho

[leroy]

kun je even een zip file uploaden... zodat ik je gehele site even een snelle restyle kan geven.

is het allemaal HTML en CSS of ook PHP?

[Robinho]

kun je even een zip file uploaden... zodat ik je gehele site even een snelle restyle kan geven.

is het allemaal HTML en CSS of ook PHP?

Het is alleen HTML en CSS ik zal effe een pm sturen!

Groetjes Robinho

echt bedankt als het lukt.