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ø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>
Annonceindlæg fra Computerworld
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ø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>
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øg bolig</b></a></td>
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 ...
Hej Roenving! Altid på pletten, det er flot! Jeg skal lige på arbejde, men jeg studser lige over den.. Tak indtil videre :)
Jeg fandt den !-) bare gør sådan: .nhbgover, .nhbgover a{ background-color: #ffffff; color:#000000; }
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 :)
Så endte den rigtig simpelt !-) -- og takker for points ;~~}
Kurser inden for grundlæggende programmering