Avatar billede nythjem Nybegynder
07. juni 2003 - 20:54 Der er 7 kommentarer og
1 løsning

Tabel og onMouseover omskrivning..

Hej Alle!

Jeg har følgende menu, som volder mig en kende problemer. Når tabellen oplever en mouseover bliver cellen hvid, og når teksten oplever en mouseover bliver teksten sort.

Er det muligt at lave det sådan, at når cellen markeres at teksten også skifter med det samme, og i så fald er der en venlig sjæl der vil omskrive det til korrekte source?

Rigtig god lørdag!

Med venlig hilsen

Michael

Nedenfor er sourcen:
--------------------

<html>

<head>
<title>Sidens navn</title>

<style type="text/css"">
.nhbgover {
background-color: #ffffff;
color: #000000;
font-style: normal;
font-weight: normal;
font-size: 10px;
font-family: Verdana, Arial, Helvetica;
text-decoration: none;
}
.nhbg {
background-color: #40639A;
}
.nhtraac {
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none;
}
.nhtra {
  font-weight: normal;
  font-size: 10px;
  color: #ffffff;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none
}
.nhtra:visited {
  font-weight: normal;
  font-size: 10px;
  color: #ffffff;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none
}
.nhtra:hover {
  font-weight: normal;
  font-size: 10px;
  color: #000000;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none
}
</style>

</head>

<body topmargin="0" leftmargin="0">

<table border="0" cellpadding="0" cellspacing="0" width="700" height="63">
  <tr>
  <td width="100%"><img border="0" src="../gfx/top.jpg" width="700" height="63" usemap="#Map"></td>
  </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="700" bgcolor="#40639A">
  <tr>
  <td width="100%">
  <table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3" bgcolor="#40639A">
  <table cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td height="4" bgcolor="#40639A"><img src="../gfx/1x1.gif" width="1" height="4" border="0"></td>
  </tr>
  <tr>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../spe/soeg.html" target="main" class="nhtra" onFocus="this.blur()"><b>S&oslash;g bolig</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../fill/udlej-start.html" target="main" class="nhtra" onFocus="this.blur()"><b>Udlej bolig</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../fill/byt-start.html" target="main" class="nhtra" onFocus="this.blur()"><b>Byt bolig</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../fill/salg-start.html" target="main" class="nhtra" onFocus="this.blur()"><b>Sælg bolig</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../findlejere/default.asp" target="main" class="nhtra" onFocus="this.blur()"><b>Find lejere</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../dokumenter/gen.html" target="main" class="nhtra" onFocus="this.blur()"><b>Dokumenter</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../om/om.html" target="main" class="nhtra" onFocus="this.blur()"><b>Om NytHjem</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="20"></td>
  </tr>
  <tr>
    <td height="4" bgcolor="#40639A"><img src="../gfx/1x1.gif" width="1" height="4" border="0"></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
  </td>
  </tr>
  </table>

<map name="Map">
  <area shape="rect" coords="484,16,700,54" href="start.html" target="main" alt="Tryk her for at komme til startsiden!">
</map>
</body>

</html>
Avatar billede nythjem Nybegynder
07. juni 2003 - 20:56 #1
Meget smart :)

Retter lige sourcen, da stylen øverst er lidt forkert :)

------------

<html>

<head>
<title>Sidens navn</title>

<style type="text/css"">
.nhbgover {
background-color: #ffffff;
}
.nhbg {
background-color: #40639A;
}
.nhtraac {
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none;
}
.nhtra {
  font-weight: normal;
  font-size: 10px;
  color: #ffffff;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none
}
.nhtra:visited {
  font-weight: normal;
  font-size: 10px;
  color: #ffffff;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none
}
.nhtra:hover {
  font-weight: normal;
  font-size: 10px;
  color: #000000;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none
}
</style>

</head>

<body topmargin="0" leftmargin="0">

<table border="0" cellpadding="0" cellspacing="0" width="700" height="63">
  <tr>
  <td width="100%"><img border="0" src="../gfx/top.jpg" width="700" height="63" usemap="#Map"></td>
  </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="700" bgcolor="#40639A">
  <tr>
  <td width="100%">
  <table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3" bgcolor="#40639A">
  <table cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td height="4" bgcolor="#40639A"><img src="../gfx/1x1.gif" width="1" height="4" border="0"></td>
  </tr>
  <tr>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../spe/soeg.html" target="main" class="nhtra" onFocus="this.blur()"><b>S&oslash;g bolig</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../fill/udlej-start.html" target="main" class="nhtra" onFocus="this.blur()"><b>Udlej bolig</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../fill/byt-start.html" target="main" class="nhtra" onFocus="this.blur()"><b>Byt bolig</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../fill/salg-start.html" target="main" class="nhtra" onFocus="this.blur()"><b>Sælg bolig</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../findlejere/default.asp" target="main" class="nhtra" onFocus="this.blur()"><b>Find lejere</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../dokumenter/gen.html" target="main" class="nhtra" onFocus="this.blur()"><b>Dokumenter</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="22"></td>
    <td bgcolor="#40639A" width="8"><img src="../gfx/dot.gif" width="5" height="5" border="0"></td>
  <td>
  <table cellspacing="0" cellpadding="0" border="0" onMouseOver="className='nhbgover'" onMouseOut="className='nhbg'">
  <tr>
    <td><img src="../gfx/left.gif" width="3" height="15" border="0"></td>
    <td><a href="../om/om.html" target="main" class="nhtra" onFocus="this.blur()"><b>Om NytHjem</b></a></td>
    <td><img src="../gfx/right.gif" width="3" height="15" border="0"></td>
  </tr>
  </table>
  </td>
    <td bgcolor="#40639A" width="20"></td>
  </tr>
  <tr>
    <td height="4" bgcolor="#40639A"><img src="../gfx/1x1.gif" width="1" height="4" border="0"></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
  </td>
  </tr>
  </table>

<map name="Map">
  <area shape="rect" coords="484,16,700,54" href="start.html" target="main" alt="Tryk her for at komme til startsiden!">
</map>
</body>

</html>
Avatar billede roenving Novice
07. juni 2003 - 21:03 #2
Prøv det her -- og det er ikke svaret, men kan forhåbentlig give dig ideen:

.nhtra, nhtra>* {
  font-weight: normal;
  font-size: 10px;
  color: #ffffff;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none
}

    <td class="nhtra"><a href="../spe/soeg.html" target="main" onFocus="this.blur()"><b>S&oslash;g bolig</b></a></td>
Avatar billede roenving Novice
07. juni 2003 - 21:06 #3
der manglede jo lige en . -- den var der, da jeg opdagede, at det ikke gav tilstrækkeligt, men jeg ville bare påpege ideen med at du kan lade elementer arve ...

> betyder at det skal være direkte arvinger, * betyder hvad som helst, her kunne der godt have stået a ...
Avatar billede nythjem Nybegynder
07. juni 2003 - 21:20 #4
Hej Roenving!

Altid på pletten, det er flot!

Jeg skal lige på arbejde, men jeg studser lige over den.. Tak indtil videre :)
Avatar billede roenving Novice
07. juni 2003 - 21:21 #5
Bueno ,-)
Avatar billede roenving Novice
07. juni 2003 - 22:19 #6
Jeg fandt den !-)

bare gør sådan:

.nhbgover, .nhbgover a{
background-color: #ffffff;
color:#000000;
}
Avatar billede nythjem Nybegynder
08. juni 2003 - 07:41 #7
Roenving, det skal bestemt ikke være nogen hemmelighed, at jeg lige blev rigtig glad for dig dér :) Korrektionen blev:

<style type="text/css"">
.nhbg {
background-color: #40639A;
}
.nhbgover, .nhbgover a{
background-color: #ffffff;
color:#000000;
}
.nhtra {
  font-weight: normal;
  font-size: 10px;
  color: #ffffff;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none
}
</style>

Tusinde tak for tiden og ulejligheden, og rigtig rigtig god søndag :)
Avatar billede roenving Novice
08. juni 2003 - 12:35 #8
Så endte den rigtig simpelt !-)

-- og takker for points ;~~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester