Untermenü einbaun ( über ein Bild legen )

ghost · Nov 5, 2011

Ich hab hier ne HP ( nicht von mir erstellt ) und soll bei einem Menüpunkt ein Untermenü einbaun. Das Problem ist jedoch das besagter ( erster ) Menüpunkt via JavaScript "eingebaut" wird und das CSS iwie nicht greift. Nun hab ichs probiert das ganze "Inline" zu definieren aber das krieg ich iwie nicht hin.

Vielleicht könntet ihr mal nen Blick drauf werfen und mir nen Tipp geben!

Vielen Dank!

JavaScript-Datei ( Content 1-6 auskommentiert um mit dem 0er zu testen )

PHP:

var content=new Array()
/*You may change the content listed below, keep the six links or as many as you need.*/

content[0]='<IMG height=18 src="bilder/coin4.gif" width=126 border=0><div id="uns" style="position:absolute; top:106px; left:315px; z-index:7; height:16px; overflow:hidden;background-color:  #C0C0C0; uns:hover{ background-color: #C0C0C0; height:auto;  }  > <A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A> <br/><a href="karriere.html">Stellen</a></div><br><img src="bilder/photo4.jpg" height="262" width="315">'


/*content[0]='<IMG height=18 src="bilder/coin4.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo4.jpg" height="262" width="315">'

content[1]='<IMG height=18 src="bilder/coin3.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo3.jpg" height="262" width="315">'

content[2]='<IMG height=18 src="bilder/coin2.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo2.jpg" height="262" width="315">'

content[3]='<IMG height=18 src="bilder/coin6.gif" width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo6.jpg" height="262" width="315">'

content[4]='<IMG height=18 src="bilder/coin.gif"   width=126 border=0><A href="uberuns.htm"><IMG height=18 src="bilder/menu0.gif" width=189 border=0></A><br><img src="bilder/photo.jpg" height="262" width="315">'

content[5]='<table bgcolor="cfc363"  width="129" border="1"><tr><td class="menu"><a href="sites.htm">Sand- & Kieswerke</a></td></tr><tr><td class="menu"><a href="erdbau.htm">Erdbau</a></td></tr><tr><td class="menu"><a href="deponie.htm">Deponie</a></td></tr></table></a><br>'*/

//content[6]='<table bgcolor="cfc363"  width="200" border="1"><tr><td class="menu"><a href="produkte.htm">Produkte</a></td></tr><tr><td class="menu"><a href="standorte.htm">Werk- und Grubenstandorte</a></td></tr></table></a><br>'


function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}

function changetext(whichcontent){
if (document.all)
descriptions.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}
}
function changemenu(whichcontent){
document.all.descriptions2.style.visibility="visible";
if (document.all)
descriptions2.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}

}

function cache()
{document.all.descriptions2.style.visibility="hidden";}

function montre()
{document.all.descriptions2.style.visibility="visible";}

HTML-Datei-Teil

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
    <TITLE>Kronthaler</TITLE>
    <LINK href="bilder/seb_stylesheet.css" type=text/css rel=stylesheet>
    <SCRIPT LANGUAGE="JavaScript"> 
    var corner="bilder/coin2.gif"
    var photo="bilder/photo2.jpg"
    var breadscrumb="<a href=\"index.htm\">Home</a> \> über uns"
    </SCRIPT>
    <SCRIPT LANGUAGE="JavaScript" SRC="bilder/source.js" > </SCRIPT>
</HEAD>

<BODY  id="seb" bottomMargin=0 bgColor=#661111 leftMargin=0 topMargin=0 rightMargin=0 marginheight="0" marginwidth="0" >


<div id="leist"><a href="sites.htm"><IMG src="bilder/leist.gif" width=116 border=0></a>
  <br/>
            <a href="sites.htm">Unterpunkt1</a>

Den Stylesheet spar ich mir da er leider nicht beim besagten Menüpunkt funktioniert hat.

Die Bastelseite könnt ihr unter Kronthaler anschaun

Untermenü einbaun ( über ein Bild legen )

ghost

0