nicht angemeldet
Farb problem Help !
Hi,
Wie kann ich hier die Farbe von dem Menü änderen ? in den Body einstellungen oben wirken sich nicht auf das Menü aus.
Danke
Joern
<html> <head> <title>links</title>
</head> <body background="stars2.gif" text="#00A0FF" link="#00C0FF" alink="#00C0FF" vlink="#00C0FF">
<br><br> <a href="http://phelanward.bei.t-online.de/"target="_top"><font color="#00A0FF"><font face="MS Sans Serif">Home</font></font></a><p></p> <br><br><br><br><br><br>
<style type="text/css"> <!-- a:link { text-decoration:none; font-weight:bold; color:#E00000; } a:visited { text-decoration:none; font-weight:bold; color:#800000; } a:hover { text-decoration:none; font-weight:bold; background-color:#FFFF00; } a:active { text-decoration:none; font-weight:bold; background-color:#0000FF; } --> </style> <title>Text des Titels</title>
<body onload="init()"> <table border="0" cellpadding="4" cellspacing="3" width="100%"> <tr> <td align="left" width="20%" height="70"> <style> DIV.clTop {position:absolute; width:170} DIV.clSub {position:absolute; left:5; width:170;} #divCont {position:relative; left:20; height:200; width:170;} A.clMain {font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; font-weight:bold; color:black;} A.clSubb {font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; color:black;} #divMain {position:absolute;} </style>
<script language="JavaScript"> <!-- var stayFolded=false var exImg=new Image(); exImg.src='dsmh.gif' var unImg=new Image(); unImg.src='usm.gif' var n = (document.layers) ? 1:0; var ie = (document.all) ? 1:0; var browser=((n || ie) && parseInt(navigator.appVersion)>=4)
function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document'); this.height=n?this.ref.height:eval(obj+'.offsetHeight') this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop; this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; 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=="hide") return true;} function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
function init(){ oTop=new Array() oTop[0]=new makeMenu('divTop1','divCont') oTop[1]=new makeMenu('divTop2','divCont') oTop[2]=new makeMenu('divTop3','divCont') oTop[3]=new makeMenu('divTop4','divCont') oTop[4]=new makeMenu('divTop5','divCont') oTop[5]=new makeMenu('divTop6','divCont') oSub=new Array() oSub[0]=new makeMenu('divSub1','divCont.document.divTop1') oSub[1]=new makeMenu('divSub2','divCont.document.divTop2') oSub[2]=new makeMenu('divSub3','divCont.document.divTop3') oSub[3]=new makeMenu('divSub4','divCont.document.divTop4') oSub[4]=new makeMenu('divSub5','divCont.document.divTop5') oSub[5]=new makeMenu('divSub6','divCont.document.divTop6') for(i=0;i<oSub.length;i++){ oSub[i].hideIt() } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } function menu(num){ if(browser){ if(!stayFolded){ for(i=0;i<oSub.length;i++){ if(i!=num){ oSub[i].hideIt() oTop[i].ref["imgA"+i].src=unImg.src } } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } if(oSub[num].vis()){ oSub[num].showIt() oTop[num].ref["imgA"+num].src=exImg.src }else{ oSub[num].hideIt() oTop[num].ref["imgA"+num].src=unImg.src } for(i=1;i<oTop.length;i++){ if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height) else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } } // --> </script>
<div id="divCont"> <div id="divTop1" class="clTop"><a href="was-ist-seti.html" target="haupt" onclick="menu(0); return false" class="clMain"> <img src="usm.gif" name="imgA0" alt="" border="0">Was ist Seti?</a><br> <div id="divSub1" class="clSub"> <a href="teleskop.html" target="haupt" class="clSubb">Das Telekop</a><br> <a href="#" target="_self" class="clSubb">Punkt 1b</a><br> </div> </div> <div id="divTop2" class="clTop"><a href="#" target="_self" onclick="menu(1); return false" class="clMain"> <img src="usm.gif" name="imgA1" alt="" border="0"> Auswahl 2</a><br> <div id="divSub2" class="clSub"> <a href="#" target="_self" class="clSubb">Punkt 2a</a><br> <a href="#" target="_self" class="clSubb">Punkt 2b</a><br> </div> </div> <div id="divTop3" class="clTop"><a href="#" target="_self" onclick="menu(2); return false" class="clMain"> <img src="usm.gif" name="imgA2" alt="" border="0"> Auswahl 3</a><br> <div id="divSub3" class="clSub"> <a href="#" target="_self" class="clSubb">Punkt 3a</a><br> <a href="#" target="_self" class="clSubb">Punkt 3b</a><br> </div> </div> <div id="divTop4" class="clTop"><a href="" onclick="menu(3); return false" class="clMain"> <img src="usm.gif" name="imgA3" alt="" border="0"> Auswahl 4</a><br> <div id="divSub4" class="clSub"> <a href="#" target="_self" class="clSubb">Punkt 4a</a><br> <a href="#" target="_self" class="clSubb">Punkt 4b</a><br> </div> </div> <div id="divTop5" class="clTop"><a href="" onclick="menu(4); return false" class="clMain"> <img src="usm.gif" name="imgA4" alt="" border="0"> Auswahl 5</a><br> <div id="divSub5" class="clSub"> <a href="#" target="_self" class="clSubb">Punkt 5a</a><br> <a href="#" target="_self" class="clSubb">Punkt 5b</a><br> </div> </div> <div id="divTop6" class="clTop"><a href="" onclick="menu(5); return false" class="clMain"> <img src="usm.gif" name="imgA5" alt="" border="0"> Auswahl 6</a><br> <div id="divSub6" class="clSub"> <a href="#" target="_self" class="clSubb">Punkt 6a</a><br> <a href="#" target="_self" class="clSubb">Punkt 6b</a><br> </div> </div> </div> </td> </tr> </table>
-
hallo Joern,
du solltest dich vielleicht erstmal mit dem grundsätzlichen Aufbau von HTML-Dokumenten beschäftigen. Zum Beispiel hast du in dem, was du da gepostet hast, zweimal <body>-tags drin, es gibt Scriptbereiche, die an der verkehrten Stelle stehen, es gibt eine unvollständige Tabelle, und zuguterletzt gibt es _kein_ abschließendes </body> und auch kein abschließendes </html>.
Du versuchst, in einem deiner <body>-tzags eine Javascript-Funktion per "onload" zu starten, die noch gar nicht bekannt ist, du hast zwar Stylesheet-Bereiche drin, aber die stehen in einem der bodies, und nicht im Header (wo sie hingehören), die hast nicht berücksichtigt, daß dir schonmal geraten wurde, in deine Stylesheet-Definition Schriftfarben usw. mit aufzunehmen, damit du diese <font>-Geschichten weglassen kannst, du hast immer noch diese sehr dekorativen <br><br>-Ketten drin, statt das, was du haben möchtest, zu positionieren - es wäre insgesamt besser, du würdest bei solchen Fragen nicht so viel Code mitliefern, sondern ganz einfach die URL angeben, an der man sich das anschauen kann.
Und insgesamt: ich verstehe nicht, welche Farbe du wo ändern möchtest ;-)
Grüße
Christoph S.
-
Hi Christoph,
welch wunderbare Antwort :)
Und insgesamt: ich verstehe nicht, welche Farbe du wo ändern möchtest ;-)
Zu Joern:
Hier kannst du die gewünschten Hintergrundfarben einbauen, siehe http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm
DIV.clTop {position:absolute; width:170;}
DIV.clSub {position:absolute; left:5; width:170;}Und hier kannst du alles, was du willst, mit der Schrift der Links anstellen, siehe http://selfhtml.teamone.de/css/eigenschaften/schrift.htm:
A.clMain {font-family:Arial,Verdana,Helvetica,Helv; font-size:14px; text-decoration:none; font-weight:bold; color:black;}
A.clSubb {font-family:Arial,Verdana,Helvetica,Helv; font-size:14px; text-decoration:none; color:black;}Probiere verschiedene Kombinationen, um den Aufbau zu verstehen - mit einem Backup, versteht sich...
Übrigens solltest du mal http://www.learn.to/quote und die hiesigen </faq/> aufmerksam durchlesen - das erhöht die Chance auf eine zufriedenstellende Antwort ungemein ;) Abgesehen davon kann man von solchen Menüs nur abraten - sie funktionieren _niemals_ zuverlässig.
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html-
hi Orlando,
Abgesehen davon kann man von solchen Menüs nur abraten - sie funktionieren _niemals_ zuverlässig.
da muß ich allerdings _zaghaft_ widersprechen. Ein Javascriptmenü mit dieser Aufgabenstellung kann durchaus funktionieren, allerdings nicht so, wie es hier versucht wurde. Es ist ein generelles Problem, das bei vergleichbaren "Menüfragen" schon häufiger im Forum aufgetaucht ist: mittlerweile schwirren einige "altgediente" Scripts im Internet umher, die zum Zeitpunkt ihrer Entstehung durchaus Berechtigung gehabt haben mögen, heute aber kontraproduktiv sind. Und _leider_ finden immer gerade solche Eleven wie Joern solche Scripts, verstehen sie nicht, bauen sie einfach mal ein - ja, und wir hier im Forum dürfen den Scahden dann auszubügeln versuchen :(
nächtliche Grüße aus Berlin
Christoph S.
-
Hi Christoph,
Abgesehen davon kann man von solchen Menüs nur abraten - sie funktionieren _niemals_ zuverlässig.
[...] mittlerweile schwirren einige "altgediente" Scripts im Internet umher, die zum Zeitpunkt ihrer Entstehung durchaus Berechtigung gehabt haben mögen, heute aber kontraproduktiv sind.
meine Empfehlung in diesem Fall lautet, bei einer entsprechenden Google-Suche entweder das Wörtchen "crossbrowser" anzuhängen, oder speziell nach Menüs zu suchen, die auch in Opera funktionieren. Wenn das der Fall ist, hat nach meinen Erfahrungen auch kein anderer Browser Probleme.
Auf einen entsprechenden noscript-Bereich sollte man in diesem Zusammenhang auch immer hinweisen, der wird gerne "vergessen". Mit dem Argument der Suchmaschinen-Freundlichkeit lassen sich in der Regel sogar verbohrte Exemplare von dessen Notwendigkeit überzeugen ;)
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
-
-
-