Drop down - med billeder som menuknapper.
Drop down menu, html vha photoshopknapperHejsa.
Jeg er i gang med en hjemmeside, hvor jeg har lavet hele designet (også menuen) i photoshop.
Har herefter skåret det hele ud og sat det over i dreamweaver, og fikser herved det hele sammen til en hjemmeside.
Mit problem er nu, at jeg skal lave en dropdown menu.
Hver menuknap er et billede (en gif-fil), hvor der herfra skal poppe en menu ned, når musen holdes over (bare en simpel menu).
Mit problem er, selvom jeg har kigget på diverse tutorials på nettet, at jeg ikke kan få mixet mit billede ind i denne kode.
Min html ser således ud indtil videre:
[/b](alt det hedder xxx2.html er rolloverknappen, hvor xxx.html er menuknappen)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
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_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('Forsideknap2.gif','salgknap2.gif','deleknap2.gif','udstyrknap2.gif','newsknap2.gif','kontaktknap2.gif')"><table width="1004" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="1021"><img src="topbar.jpg" width="1004" height="135" alt="LOGO" /></td>
</tr>
<tr>
<td><a href="Html/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Forside','','Forsideknap2.gif',1)"><img src="Forsideknap.gif" name="Forside" width="88" height="47" border="0" id="Forside" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','firmaknap2.gif',0)"><img src="firmaknap.gif" name="Image13" width="105" height="47" border="0" id="Image13" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('salg','','salgknap2.gif',1)"><img src="salgknap.gif" name="salg" width="104" height="47" border="0" id="salg" /></a><a href="Html/reservedele.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('dele','','deleknap2.gif',1)"><img src="deleknap.gif" name="dele" width="137" height="47" border="0" id="dele" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('udstyr','','udstyrknap2.gif',1)"><img src="udstyrknap.gif" name="udstyr" width="93" height="47" border="0" id="udstyr" /></a><a href="Html/nyheder.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','newsknap2.gif',1)"><img src="newsknap.gif" name="news" width="103" height="47" border="0" id="news" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','kontaktknap2.gif',1)"><img src="kontaktknap.gif" name="kontakt" width="105" height="47" border="0" id="kontakt" /></a><img src="restmenu.gif" width="269" height="47" alt="rest" /></td>
</tr>
<tr>
<td><img src="content.jpg" width="1004" height="584" alt="content" /></td>
</tr>
<tr>
<td><img src="buttombar.gif" width="1004" height="34" alt="buttom" /></td>
</tr>
</table>
</body>
</html>
Håber virkeligt på hjælp, da jeg har forsøgt alt jeg kunne!
På forhånd tak - hvis i ønsker mere information el. lignende, så bare skriv.
Hilsen en meget stresset tøs :o)
