ilch Forum » Allgemein » HTML, PHP, SQL,... » Problem mit dem Menü in meinem Design

Geschlossen
  1. #1
    User Pic
    Mcsaxo1990 Mitglied
    Registriert seit
    06.08.2006
    Beiträge
    192
    Beitragswertungen
    0 Beitragspunkte
    Hi Leute habe ein Problem!

    usw. das Erste Drop Down menü geht nicht und das 2 Geht nur halb und ich und auch meine Kollegen finden den Fahler nicht hatt einer von euch evtl. nen Guten tipp bzw. die Lösung!

    externer Link

    <html>
    <head>
    <title>{TITLE}</title>
    <link rel="icon" type="image/ico" href="favicon.ico">
    <link rel="shortcut icon" href="favicon.ico">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="include/designs/CST-LavP/style.css">
    <script type='text/javascript' src='include/includes/js/BBCodeGlobal.js'></script>
    
    <style type="text/css">
    body {
    	margin:0px; background-image: url('include/designs/design_57-silber/images/bg.gif');
    	
    }
    .head {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; }
    .head2 {font-size: 10px; color: #6DC903; font-weight: bold; }
    
    #dropmenudiv{
    border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:0px solid black; position:absolute;
    line-height:18px;
    z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana
    }
    
    #dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 2px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    }
    
    #dropmenudiv a:hover{ /*hover background color*/
    background-color: white;
    }
    
    </style>
    
    <script type="text/javascript">
    
    /***********************************************
    * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    //Contents for menu 1, and so on
    var menu1=new Array()
    menu1[0]='<a href="index.php?startseite">&raquo; Home</a>'
    menu1[1]='<a href="index.php?news">&raquo; News</a>'
    menu1[2]='<a href="index.php?forum">&raquo; Forum</a>'
    menu1[3]='<a href="index.php?linkus">&raquo; Verlinkt Uns</a>'
    menu1[4]='<a href="index.php?user">&raquo; User</a>'
    menu1[5]='<a href="index.php?gbook">&raquo; Gästebuch</a>'
    menu1[6]='<a href="index.php?gallery">&raquo; Bilder Gallery</a>'
    menu1[7]='<a href="index.php?user-usergallery">&raquo; User Gallery</a>'
    menu1[8]='<a href="index.php?video">&raquo; Videos</a>'
    menu1[9]='<a href="index.php?links-3">&raquo; Weblinks</a>'
    menu1[10]='<a href="index.php?kalender">&raquo; Kalender</a>'
    
    //Contents for menu 2, and so on
    var menu2=new Array()
    menu2[0]='<a href="index.php?foerderkriterien">&raquo; Förderkriterien</a>'
    menu2[1]='<a href="index.php?geschichte">&raquo; Geschichte</a>'
    menu2[2]='<a href="index.php?ZieleProjekte">&raquo; Ziele / Projekte</a>'
    menu2[3]='<a href="index.php?links-2">&raquo; Partner</a>'
    menu2[4]='<a href="index.php?links-4">&raquo; Sponsoren</a>'
    menu2[5]='<a href="index.php?teams-show-3">&raquo; Vorstand</a>'
    menu2[6]='<a href="index.php?teams-show-4">&raquo; Amtragende</a>'
    menu2[7]='<a href="index.php?teams-show-2">&raquo; Mitglieder</a>'
    menu2[8]='<a href="index.php?map">&raquo; Mitgliederkarte</a>'
    menu2[9]='<a href="https://ssl-account.com/cst-ak.de/partners/lavp/Aufnahmeantrag.pdf">&raquo; Aufnahmeantrag</a>'
    
    //Contents for menu 3, and so on in arbeit
    var menu3=new Array()
    menu3[0]='<a href="index.php?Therapiebegleithund">&raquo; Therapiebegleithund</a>'
    menu3[1]='<a href="index.php?Behindertenbegleithund">&raquo; Behindertenbegleithund</a>'
    menu3[2]='<a href="index.php?unfallprophylaxe">&raquo; Unfallprophylaxe</a>'
    menu3[3]='<a href="index.php?goldeneregeln">&raquo; Die Goldenen Regeln</a>'
    menu3[4]='<a href="index.php?werteeinesgesundenhundes">&raquo; Med. Richtwerte</a>'
    menu3[5]='<a href="index.php?verletzungsrisiken">&raquo; Verletzungsrisiken</a>'
    
    //Contents for menu 4, and so on
    var menu4=new Array()
    menu4[0]='<a href="index.php?contact">&raquo; Kontakt</a>'
    menu4[1]='<a href="index.php?donate">&raquo; Spenden</a>'
    menu4[2]='<a href="index.php?impressum">&raquo; Impressum</a>'
    menu4[3]='<a href="index.php?satzung">&raquo; Vereinssatzung</a>'
    		
    var menuwidth='165px' //default menu width
    var menubgcolor='#FFBA00'  //menu bgcolor
    var disappeardelay=500  //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?
    
    /////No further editting needed
    
    var ie4=document.all
    var ns6=document.getElementById&&!document.all
    
    if (ie4||ns6)
    document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
    
    function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
    }
    
    
    function showhide(obj, e, visible, hidden, menuwidth){
    if (ie4||ns6)
    dropmenuobj.style.left=dropmenuobj.style.top="-500px"
    if (menuwidth!=""){
    dropmenuobj.widthobj=dropmenuobj.style
    dropmenuobj.widthobj.width=menuwidth
    }
    if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
    obj.visibility=visible
    else if (e.type=="click")
    obj.visibility=hidden
    }
    
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    
    function clearbrowseredge(obj, whichedge){
    var edgeoffset=0
    if (whichedge=="rightedge"){
    var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
    dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
    if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
    }
    else{
    var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
    var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
    dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
    if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
    edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
    if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
    edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
    }
    }
    return edgeoffset
    }
    
    function populatemenu(what){
    if (ie4||ns6)
    dropmenuobj.innerHTML=what.join("")
    }
    
    
    function dropdownmenu(obj, e, menucontents, menuwidth){
    if (window.event) event.cancelBubble=true
    else if (e.stopPropagation) e.stopPropagation()
    clearhidemenu()
    dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
    populatemenu(menucontents)
    
    if (ie4||ns6){
    showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
    
    dropmenuobj.x=getposOffset(obj, "left")
    dropmenuobj.y=getposOffset(obj, "top")
    dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
    }
    
    return clickreturnvalue()
    }
    
    function clickreturnvalue(){
    if (ie4||ns6) return false
    else return true
    }
    
    function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }
    
    function dynamichide(e){
    if (ie4&&!dropmenuobj.contains(e.toElement))
    delayhidemenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    delayhidemenu()
    }
    
    function hidemenu(e){
    if (typeof dropmenuobj!="undefined"){
    if (ie4||ns6)
    dropmenuobj.style.visibility="hidden"
    }
    }
    
    function delayhidemenu(){
    if (ie4||ns6)
    delayhide=setTimeout("hidemenu()",disappeardelay)
    }
    
    function clearhidemenu(){
    if (typeof delayhide!="undefined")
    clearTimeout(delayhide)
    }
    
    if (hidemenu_onclick=="yes")
    document.onclick=hidemenu
    
    </script>
    
    </head>
    
    <body bgcolor="#FF3300">
    <div align="center">
    <table border="0" cellpadding="0" cellspacing="0" width="1000" height="400" background="include/designs/CST-LavP/img/Head.png">
    		<tr>
    			<td valign="bottom" colspan="4" height="50">
    			<p align="left"><a target="_blank" href="http://www.cst-ak.de">
    			<img border="0" src="include/designs/CST-LavP/img/transperent.png" width="275" height="27"></a><b>{HMENU}</b></td>
    		</tr>
    		<tr>
    			<td width="150"><div style="position:relative; left: 25px;">{_boxes_login}</div></td>
    			<td valign="top" width="700">
    				<div style="position:relative; top: 250px; border:1px">
    					[b]<div style="position:relative; left: 75px;"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '157px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/CST-LavP/img/transperent.png" width="98" height="27"></a></div>
    				<br><div style="position:relative; left: 23px;"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '157px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/CST-LavP/img/transperent.png" width="115" height="27"></a></div>
    				</div>
    				<div style="position:relative; top: 182px; border:1px;" align="right">
    					<div style="position:relative; right: 82px;"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '157px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/CST-LavP/img/transperent.png" width="98" height="27"></a></div>
    				<br><div style="position:relative; right: 27px;"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '157px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/CST-LavP/img/transperent.png" width="115" height="27"></a></div>
    				</div style="clear: left">[/b]
    				</td>
    			<td width="135"><p align="left">{_boxes_online}</td>
    			<td width="15"></td>
    		</tr>
    	</table>
    </div>
    <div align="center">
    	<table border="0" cellpadding="0" cellspacing="0" width="1000" height="500">
    		<tr>
    			<td valign="top" width="23" height="50" background="include/designs/CST-LavP/img/Box_1.png"></td>
    			<td valign="top" height="50" width="190" background="include/designs/CST-LavP/img/Box_2.png"></td>
    			<td valign="top" width="23" height="50" background="include/designs/CST-LavP/img/Box_3.png"></td>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_1.png"></td>
    			<td valign="top" background="include/designs/CST-LavP/img/Box_2.png"></td>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_3.png"></td>
    		</tr>
    		<tr>
    			<td width="23" background="include/designs/CST-LavP/img/Box_4.png"></td>
    			<td bgcolor="#FFD900" width="190" height="150"><p align="left"><b>
    			Statistik:</b><br>
    			{_boxes_statistik}</td>
    			<td width="23" background="include/designs/CST-LavP/img/Box_5.png"></td>
    			<td valign="top" rowspan="11" width="23" background="include/designs/CST-LavP/img/Box_4.png"></td>
    			<td valign="top" rowspan="11" bgcolor="#FFD900">{EXPLODE}</td>
    			<td valign="top" rowspan="11" width="23" background="include/designs/CST-LavP/img/Box_5.png"></td>
    		</tr>
    		<tr>
    			<td valign="top" width="23" height="80" background="include/designs/CST-LavP/img/Box_6.png"></td>
    			<td valign="top" height="80" width="190" background="include/designs/CST-LavP/img/Box_7.png"></td>
    			<td valign="top" width="23" height="80" background="include/designs/CST-LavP/img/Box_8.png"></td>
    		</tr>
    		<tr>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_4.png"></td>
    			<td valign="top" height="150" width="190" bgcolor="#FFD900">
    			<p align="center"><a href="index.php?donate"><img border="0" src="include/designs/CST-LavP/img/Spenden.png" width="190" height="150"></a></td>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_5.png"></td>
    		</tr>
    		<tr>
    			<td valign="top" width="23" height="80" background="include/designs/CST-LavP/img/Box_6.png"></td>
    			<td valign="top" height="80" width="190" background="include/designs/CST-LavP/img/Box_7.png"></td>
    			<td valign="top" width="23" height="80" background="include/designs/CST-LavP/img/Box_8.png"></td>
    		</tr>
    		<tr>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_4.png"></td>
    			<td bgcolor="#FFD900" width="190" height="150">{_boxes_picofx}</td>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_5.png"></td>
    		</tr>
    		<tr>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_9.png" height="50"></td>
    			<td width="190" height="50" background="include/designs/CST-LavP/img/Box_10.png"></td>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_11.png" height="50"></td>
    		</tr>
    		<tr>
    			<td valign="top" width="23" height="5"></td>
    			<td width="190" height="5"></td>
    			<td valign="top" width="23" height="5"></td>
    		</tr>
    		<tr>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_1.png" height="50"></td>
    			<td width="190" height="50" background="include/designs/CST-LavP/img/Box_2.png">&nbsp;</td>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_3.png" height="50"></td>
    		</tr>
    		<tr>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_4.png" height="50"></td>
    			<td width="190" height="50" bgcolor="#FFD900">
    			<p align="center">
    			<b><font size="2" face="Arial">HP Optimiert für:</font></b><font size="1"><br>
    			&nbsp;</font><br>
    			<a target="_blank" href="http://firefox.de">
    			<img border="0" src="http://fahrschule-kuntke.de/include/designs/Kuntke/images/firefox.gif" width="80" height="15"></a><br>
    			<font size="1">&nbsp;<br>
    			<a target="_blank" href="http://www.microsoft.com/germany/windows/downloads/ie/getitnow.mspx">
    			<img border="0" src="http://fahrschule-kuntke.de/include/designs/Kuntke/images/getie7.png" width="80" height="15"></a></font><br>
    			<font size="1">&nbsp;<br>
    			Drückt auf den Button und Updatet Kostenlos eure Browser auf die 
    			neuste Version damit die HP Richtig angezeigt wird.</font><b><font face="Arial" size="2"><br>
    			<br>
    			Design © by
    			<a href="http://www.cst-ak.de">www.cst-ak.de</a><br>
    			Seiten © by LavP e.V.<br>
    			CMS © by ilch.de</font></b></td>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_5.png" height="50"></td>
    		</tr>
    		<tr>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_9.png" height="50"></td>
    			<td width="190" height="50" background="include/designs/CST-LavP/img/Box_10.png"></td>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_11.png" height="50"></td>
    		</tr>
    		<tr>
    			<td valign="top" width="23"></td>
    			<td width="190"></td>
    			<td valign="top" width="23"></td>
    		</tr>
    		<tr>
    			<td width="23" height="50"></td>
    			<td height="50" width="190"></td>
    			<td width="23" height="50"></td>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_9.png" height="50"></td>
    			<td valign="top" background="include/designs/CST-LavP/img/Box_10.png" height="50"></td>
    			<td valign="top" width="23" background="include/designs/CST-LavP/img/Box_11.png" height="50"></td>
    		</tr>
    	</table>
    </div>
    </body>
    </html>


    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Mcsaxo1990 Mitglied
    Registriert seit
    06.08.2006
    Beiträge
    192
    Beitragswertungen
    0 Beitragspunkte
    k hatt sich erledigt habe einfach die Tabelle in zei geteilt !

    
    <td valign="top" width="350">
    					<div style="position:relative; top: 250px; border:1px;">
    					<div style="position:relative; left: 75px;"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '157px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/CST-LavP/img/transperent.png" width="98" height="27"></a></div>
    				<br><div style="position:relative; left: 23px;"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '157px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/CST-LavP/img/transperent.png" width="115" height="27"></a></div>
    				</div>
    			</td>
    			<td valign="top" width="350">
    					<div style="position:relative; top: 250px; border:1px;" align="right">
    
    					<div style="position:relative; right: 82px;"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '157px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/CST-LavP/img/transperent.png" width="98" height="27"></a></div>
    				<br><div style="position:relative; right: 27px;"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '157px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/CST-LavP/img/transperent.png" width="115" height="27"></a></div>
    				</div>
    </td>
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten