OP Taze Üye
Teşekkür Sayısı: 0
4 mesaj
Kayıt Tarihi:Kayıt: Şub 2011
Merhabalar.
Firma tanıtımı yapılacak olan html sunumu için bir taslak üzerinde çalışıyorum.
Sol taraftaki ana menülerin üzerine tıklanınca alta doğru açılan alt menü başlıkları olsun istiyorum.
Bir şablon üzerine, başka bir siteden edindiğim hazır menü kodunu yapıştırarak sonuç elde ettim.
Ancak chrome tarayıcıda sorunsuz görünen menüler, internet explorer de görünmüyor.
Yardım ederseniz sevinirim.
Sayfa kodları aşağıdaki gibidir:
- [ Tüm kodu seç ] [ Yeni Pencerede Göster ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Deneme</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"> <meta name="keywords" content="Keywords here"> <meta name="description" content="Description here"> <meta name="Author" content="MyFreeTemplates.com"> <META NAME="robots" CONTENT="index, follow"> <!-- (Robot commands: All, None, Index, No Index, Follow, No Follow) --> <META NAME="revisit-after" CONTENT="30 days"> <META NAME="distribution" CONTENT="global"> <META NAME="rating" CONTENT="general"> <META NAME="Content-Language" CONTENT="english"> <script language="JavaScript" type="text/JavaScript" src="images/myfreetemplates.js"></script> <link href="images/myfreetemplates.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- --> </style> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="61" background="images/topbg.gif"><img src="images/toplogo.gif" width="310" height="61"></td> <td height="61" align="right" background="images/topbg.gif"><img src="images/toppic.gif" width="278" height="61"></td> </tr> <tr> <td width="186" valign="top" background="images/bg1.gif"><img src="images/bg1.gif" width="186" height="10"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <style type="text/css"> #divCont {position:absolute; z-index:1; left:5px; top:70px; height:400px; width:170px; visibility:hidden;} .clTop {position:absolute; z-index:1; width:300px; line-height:17px;} .clSub {position:absolute; z-index:1; left:0px; top:35px; width:270px; line-height:14px;} /*** Link renkleri ***/ #divCont .clTop a {color:#1e3157; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none;} #divCont .clTop a:hover {color:#115585; text-decoration:none;} #divCont .clTop .clSub a {color:#000077; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; text-decoration:none;} #divCont .clTop .clSub a:hover {color:#115585; text-decoration:none;} </style> <script language="JavaScript" type="text/javascript"> /********************************************************************************** FoldoutMenu * Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> *********************************************************************************/ function lib_bwcheck(){ 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() FoldNumber = 6 //Link sayysy var stayFolded = false foldImg = 1 mainOffsetY = 0 var unImg=new Image(); unImg.src='foldoutmenu_arrow.gif' var exImg=new Image(); exImg.src='images/foldoutmenu_arrow_open.gif' var px = bw.ns4||window.opera?"":"px"; if(navigator.userAgent.indexOf('Opera')>-1 && document.getElementById){ scrX= innerWidth; scrY= innerHeight; document.onmousemove= function(){ if(scrX<innerWidth-10 || scrY<innerHeight-10 || scrX>innerWidth+10 || scrY>innerHeight+10){ scrX = innerWidth; scrY = innerHeight; initFoldout(); } }; } function makeMenu(obj,nest){ nest= (!nest)?"":'document.'+nest+'.'; this.el= bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):document.getElementById(obj); this.css= bw.ns4?this.el:this.el.style; this.ref= bw.ns4?this.el.document:document; this.x= (bw.ns4||bw.opera5)?this.css.left:this.el.offsetLeft; this.y= (bw.ns4||bw.opera5)?this.css.top:this.el.offsetTop; this.h= (bw.ie||bw.ns6)?this.el.offsetHeight:bw.ns4?this.ref.height:bw.opera5?this.css.pixelHeight:0; this.vis= b_vis; this.hideIt= b_hideIt; this.showIt= b_showIt; this.moveIt= b_moveIt; return this } function b_showIt(){this.css.visibility='visible'} function b_hideIt(){this.css.visibility='hidden'} function b_vis(){if(this.css.visibility=='hidden' || this.css.visibility=='HIDDEN' || this.css.visibility=='hide') return true;} function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px} function menu(num){ if(bw.bw){ if (!stayFolded){ for (var i=0; i<oSub.length; i++){ if (i!=num){ oSub.hideIt() if (foldImg)oTop.ref["imgA"+i].src = unImg.src } } for(var i=1; i<oTop.length; i++){ oTop.moveIt(0,oTop[i-1].y+oTop[i-1].h) } } if (oSub[num].vis()){ oSub[num].showIt() if (foldImg)oTop[num].ref["imgA"+num].src = exImg.src }else{ oSub[num].hideIt() if(foldImg)oTop[num].ref["imgA"+num].src = unImg.src } for(var i=1; i<oTop.length; i++){ if (!oSub[i-1].vis()) oTop.moveIt(0,oTop[i-1].y+oTop[i-1].h+oSub[i-1].h+mainOffsetY) else oTop.moveIt(0,oTop[i-1].y+oTop[i-1].h+mainOffsetY) } } } function initFoldout(){ bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false if (bw.opera5) bw.ns6 = 0 oTop = new Array() oSub = new Array() for (var i=0; i<FoldNumber; i++){ oTop = new makeMenu('divTop'+i,'divCont') oSub = new makeMenu('divSub'+i,'divCont.document.divTop'+i) oSub.hideIt() } oTop[0].moveIt(0,0) for (var i=1; i<oTop.length; i++){ oTop.moveIt(0, oTop[i-1].y+oTop[i-1].h+mainOffsetY) } oCont = new makeMenu('divCont') oCont.showIt() } if(bw.bw) onload = initFoldout; </script> </head> <body bgcolor="#ebe2d3" marginleft="0" marginheight="0"> <div id="divCont"> <div id="divTop0" class="clTop"><a href="index.html" onClick="menu(0); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA0" width=12 height=12 alt="" border="0"> Cephe Sistemleri</a><br> <div id="divSub0" class="clSub"> <p><a href="index.html">- Planar cephe sistemleri</a><br> <a href="index.html">- Kompozit panel cephe sistemleri</a><br> <a href="index.html">- Kompakt panel cephe sistemleri</a><br> <a href="index.html">- Terra cotta panel cephe sistemleri<br> </a><a href="index.html">- Danpalon cepheler</a><br> <a href="index.html">- Güneş kontrol sistemleri</a><br> </p> </div> <br> </div> <div id="divTop1" class="clTop"><a href="index.html" onClick="menu(1); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA1" width=12 height=12 alt="" border="0"> Kapı ve Pencere Sistemleri</a><br> <div id="divSub1" class="clSub"> <a href="index.html">Konvansiyonel kapı ve pencereler</a><br> <a href="index.html">Sürgülü sistem kapı ve pencereler<br> Kayar katlanır kapı ve pencereler </a><br> </div> <br> </div> <div id="divTop2" class="clTop"><a href="index.html" onClick="menu(2); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA2" width=12 height=12 alt="" border="0"> Çatı Işıklıkları, Markizler, Korkuluklar</a><br> <div id="divSub2" class="clSub"> <a href="index.html">Link 1</a><br> <a href="index.html">Link 2</a><br> <a href="index.html">Link 3</a><br> </div> <br> </div> <div id="divTop3" class="clTop"><a href="index.html" onClick="menu(3); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA3" width=12 height=12 alt="" border="0"> Paslanmaz, Transparan Örgüler <br> ve Güneş Kontrol Sistemleri</a><br> <div id="divSub3" class="clSub"> <a href="index.html">Link 1</a><br> <a href="index.html">Link 2</a><br> <a href="index.html">Link 3</a><br> </div> <br> </div> <div id="divTop4" class="clTop"><a href="index.html" onClick="menu(4); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA4" width=12 height=12 alt="" border="0"> Camlı Ofis Bölmeleri, <br> İç Mekan Ürünleri, Akustik Çözümler </a><br> <div id="divSub4" class="clSub"> <a href="index.html">Link 1</a><br> <a href="index.html">Link 2</a><br> <a href="index.html">Link 3</a><br> <a href="index.html">Link 4</a><br> <a href="index.html">Link 5</a><br> </div> <br> </div> <div id="divTop5" class="clTop"><a href="index.html" onClick="menu(5); return false" onFocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0"> Kış Bahçeleri ve Açılabilir Havuz Örtüleri</a><br> <div id="divSub5" class="clSub"> <a href="index.html">Link 1</a><br> <a href="index.html">Link 2</a><br> </div> <br> <img src="images/pixi_clear.gif" width="1" height="3"><br> <img src="images/pixi_clear.gif" width="1" height="3"><br> <img src="images/pixi_clear.gif" width="1" height="3"></td> </tr> <tr> <td><br> <img src="images/pixi_clear.gif" width="1" height="3"></td> </tr> <tr> <td> </td> </tr> </table> <br> <br> <br> </td> <td valign="top" background="images/bg3.gif"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20" rowspan="4" align="left" valign="top"><img src="images/bosluk.gif" width="20" height="5" align="top"></td> <td width="790"> </td> <td width="20" rowspan="4" align="right" valign="top"><img src="images/bosluk.gif" width="20" height="5"></td> </tr> <tr> <td align="left"> <h1>Sistem > <span class="gezinilen">Alt menü 1</span> - Alt menü 2 - Alt menü 3</h1> </h1> </td> </tr> <tr> <td align="left"> <h2>Sub-header</h2> <p>Deneme deneme deneme deneme Deneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme deneme</p> <p>Deneme deneme deneme deneme Deneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme deneme</p> <p> </p> <p>Deneme deneme deneme deneme Deneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme denemeDeneme deneme deneme deneme</p> <p> </p> <p> </p> </td> </tr> <tr> <td align="left"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr align="center"> <td width="25%"><img src="images/mainpagepic.gif" width="85" height="84"></td> <td width="25%"><img src="images/mainpagepic.gif" width="85" height="84"></td> <td width="25%"><img src="images/mainpagepic.gif" width="85" height="84"></td> <td width="25%"><img src="images/mainpagepic.gif" width="85" height="84"></td> </tr> <tr valign="top"> <td width="25%"><span style="font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;"><strong><font color="#CCCCCC">Başlık Yazısı</font></strong></span><span class="smallfont"><br> Konuya giriş cümleleri, vs.. vs...<br> <a href="#" class="smallfont"><strong>>> More</strong></a></span><br> </td> <td width="25%"><span style="font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;"><strong><font color="#CCCCCC">Başlık Yazısı</font></strong></span><span class="smallfont"><br> Konuya giriş cümleleri, vs.. vs...<br> <a href="#" class="smallfont"><strong>>> More</strong></a></span><br></td> <td width="25%"><span style="font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;"><strong><font color="#CCCCCC">Başlık Yazısı</font></strong></span><span class="smallfont"><br> Konuya giriş cümleleri, vs.. vs...<br> <a href="#" class="smallfont"><strong>>> More</strong></a></span><br></td> <td width="25%"><span style="font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;"><strong><font color="#CCCCCC">Başlık Yazısı</font></strong></span><span class="smallfont"><br> Konuya giriş cümleleri, vs.. vs...<br> <a href="#" class="smallfont"><strong>>> More</strong></a></span><br></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr valign="middle"> <td height="36" colspan="2" background="images/basebg.gif"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="310"><font size="1" class="calibri"><span class="calibri">Yapı Market San. Tic. Ltd. Şti. <a href="index.html" target="_blank">www.aluwall.com</a></span></font></td> <td width="58%" align="right"> <a href="index.html" target="_blank"><font size="1" face="Arial, Helvetica, sans-serif" color="#FFFFFF">Design by Aluwall Design Team</font></a> </td> </tr> </table> </td> </tr> </table> </body> </html>
