wie funktioniert das menü hier ?

Nash · 07.06.2003, 02:58

hallo leute,

ich stehe vor der frage wie hat microsoft das menü erstellt auf ihrer homepage. schaut hier ! .
ich meine das linke menü mit den maus over effekt, es geht mir darum wie kann ich es schaffen wen man mit der maus über einen link geht das sich die hintergrundfarbe der tabelle auch ändert. das ist mein anliegen weshalb ich euch mal um hilfe bitten wollte.

edit von nash
.....

so wie man das mausover bei einer tabellen zelle macht habe ich gefunden im netz. hier ein beispiel:

<table width="150" border="1" cellpadding="4" cellspacing="0" height="20">
<tr>
<td onMouseover="this.bgColor='silver'" onMouseout="this.bgColor='#F4F4F4'">1111;</td>
</tr>
</table>

nun möchte ich gerne noch wissen wie man diese zelle verlinkt so das man sie anklicken kann und ein neuer link geht auf ?

cu und danke für die hilfe

nash

Paco · 07.06.2003, 20:56

da hast du dir ja ein herzstück rausgesucht.

Das ist alles mit css gemacht - und davon findest du dort reichlich. Lade dir mal so eine css runter und schaue rein

TobiasKa · 07.06.2003, 23:18

ach sags ihm doch einfach

Code:

<script language="javascript">
function xlink(l){document.location.href=l;}
</script>

<table border=0 cellpadding=3 cellspacing=0 width=150 style="border: 1px solid black">
<tr>
<td bgcolor=#ECF8FF onClick="xlink('http://www.drweb.de')" style="cursor:hand;">
<font size=-1><a href="http://www.drweb.de">Dr. Web</a><br>
<font size=-2>Mehr Lesen, mehr Wissen.<br>
Alles für den Webworker<br>
<font color=green size=-1>www.drweb.de</font></font></font>
</td></tr></table>

mrx · 24.06.2003, 23:14

Ich hab die Zelle etwas erweitert:
<td bgcolor=#ECF8FF onClick="xlink('http://www.drweb.de')" style="cursor:hand;" onMouseover="this.bgColor='F4F4F4'" onMouseout="this.bgColor='#ECF8FF'">
Weiß jemand wie ich den Wert bei this.bgColor= über eine extrene CSS-Datei "ansteuern" kann?

mrX

prefix · 25.06.2003, 08:36

versuch es mal (schematisch dargestellt) wie folgt:

Code:

<!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>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.input_em {
background-color: red;
}
.input {
background-color: silver;
}
</style>
</head>

<body>
<table  cellspacing="0" cellpadding="0" 
style="width: 100px; border: 0px">
<tr onmouseover="this.className='input_em'"
 onmouseout="this.className='input'" class="input">
	<td>Inhalt</td>
</tr>
</table>
</body>
</html>

funkt. bei mir unter win auf ie6, nn7, op7

mrx · 25.06.2003, 11:36

Bei mir läuft's auch. Danke prefix

mrX