CSS-menu

<script language="JavaScript">
  function menu(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#F3F3F6'

    } else if (mode=="out") {
      cursortype = ''
      colorval = ''
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
</script>

doh trykkede på på tab og space :)

<script language="JavaScript">
  function menu(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#F3F3F6'
      color = '#CCCCCC'

    } else if (mode=="out") {
      cursortype = ''
      colorval = ''
      color = ''
    }
  element.style.background=colorval;
  element.style.color=color;
  element.style.cursor=cursortype;
}
</script>

Væk med java og ind med CSS...

vent et øje blik...

der er ingen java i dette, kun javascript og css.

http://activedeveloper.dk/artikler/default.asp?articleid=276

her kan du læser mere om det...

a.menu {
background : #dddddd;
display:block;
width:100%;
}

a.menu:hover {
text-color: #222222;
background : #999999
display:block;
width:100%;
}

Ja jag menet også JavaScript... hurgtig skriveform

colorval = ''
      color = ''
skal være
      colorval = 'transparent'
      color = 'transparent'

hvordan tilføjer jeg så funktionen til cellen?

Der er oxo noget her... men jeg kan henvende dig til et af mine tidligere SPM her inde..

2. artikel:
http://activedeveloper.dk/artikler/default.asp?articleid=247

Mit SPM:
http://www.eksperten.dk/spm/203837

<td onmouseover="menu(this,"in");" onmouseout="menu(this,"out");"> Menu punkt </td>
f.eks.

hvis det skal være når musen kommer over skal du sige
<div onMouseOver="menu(this, 'in') onMouseOut(menu(this, 'out'))">blah</div>

Med Class...

<TD Width="30" Class="menu"></TD>

Jeg vil så sige at med det du skal så er det nok langt næmere i ren CSS, istedet for at indblande JS, men det er vel smag og behag...

mr_craig> det de laver på dit link... det virker ikke i NS4.

OK du taber hele 4% rent Design mæssigt....

Hvis jeg sætter css-koden i <style> tags og og så sætter en class på cellen, sker der aldrig en ski :)

<style>

.minKlasse {color: #cccccc; beackground-color: #000000;}
</style>

<div class="minKlasse">POLSEMAD</div>


Der skulle gerne ske noget der :)

beackground-color: = background-color:
eller hvad sker der??

ja, typo

det kan godt være det er mig, men jeg gør akurat som du skriver og der sker ikke en skid :/

prøv at copy/paste alt din html in her.

<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
a.menu {
background : #dddddd;
display:block;
width:100%;
}

a.menu:hover {
text-color: #222222;
background : #999999
display:block;
width:100%;
}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="600" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">
  <tr bgcolor="#FFFFFF">
    <td width="75">
      <div class="menu">Test</div>
    </td>
    <td width="463">&nbsp;</td>
    <td width="17">&nbsp;</td>
    <td width="17">&nbsp;</td>
    <td width="22">&nbsp;</td>
  </tr>
</table>
</body>
</html>

<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE TYPE="TEXT/CSS">
a.menu {
background : #dddddd;
display:block;
width:100%;
}

a.menu:hover {
text-color: #222222;
background : #999999
display:block;
width:100%;
}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="600" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">
  <tr bgcolor="#FFFFFF">
    <td width="75">
      <div class="menu">Test</div>
    </td>
    <td width="463">&nbsp;</td>
    <td width="17">&nbsp;</td>
    <td width="17">&nbsp;</td>
    <td width="22">&nbsp;</td>
  </tr>
</table>
</body>
</html>

du manglede typen for Style

og så Glem de skide Diversions, (DIV) som min lære siger, "kan folk ikke få det til at se helt rigtigt ud, så kaster de skødesløst en masse unødvendige diversions ind..."

du kan se et eksempel her, jeg har godtnok valgt ikke at skifte farven i text...

http://www.friserverplads.dk/IT-Links/

den ser således ud...
Grunden til at jeg setter collor til #000000 på hoveren er at jeg har et par andre hovers som i såfald bare ville gå ind og tage effekt på det punkt

a.Top    {
    display:block;
    width:100%;
    }
a.Top:hover {
    background : #FF3300;
    display:block;
    width:100%;
    color: #000000;
    }