Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS Table andere kleur bij mouse over.

9 antwoorden
  • Ik ben op zoek naar een css script om een tabel op te laten lichten als je eroverheen gaat. Zoiets als hier als je over een link gaat maar dan van de tabel waar ie over gaat.
  • ja, nou bijna.. je schrijft eigenlijk je css met javascript opnieuw weg adhv je eventhandler. Je hebt bijv [code:1:4996c16c58] <table style="background-color: black;"> [/code:1:4996c16c58] Dan kan je bij een td dit erachter plakken: [code:1:4996c16c58] [eventhandler]="this.style.backgroundColor='red'" [/code:1:4996c16c58] grtzz t.
  • Of je plaatst een link in een block en geeft de a:hover-property een andere achtergrondkleur. Meestal net zo effectief maar het scheelt je een hoop JavaScript... - Basje.
  • [quote:2c28414a97="BasHamar"]het scheelt je een hoop JavaScript... - Basje.[/quote:2c28414a97] een hoop??? dude do some research
  • Met alleen CSS gaat het niet.. (ja, misschien bij css3, maar dat zou ik nog niet gebruiken)
  • [censuur]Sabine is altijd aardig tegen iedereen.[/censuur]
  • Met CSS kan het wel, volgens mij zelfs al met CSS1. Zoals ik al zei: een link in blockvorm in een tabel plaatsen en de hover-eigenschap een andere achtergrond geven dan de standaard eigenschappen. Vervolgens aanpassen naar eigen inzicht. - Bas.
  • http://www.dynamicdrive.com/dynamicindex11/highlighttable.htm Dit script wisselt de kleur van een tabel CEL bij mousOver. Wellicht kun je het script wat herschrijven zodat het op de <table> tag reageert. Olaf
  • <SCRIPT language=javascript> function NavRollOver(oTd) {if (!oTd.contains(event.fromElement)) {oTd.bgColor="#FFFF00";}} function NavRollOut(oTd) {if (!oTd.contains(event.toElement)) {oTd.bgColor="#CCCC66";}} // End Hiding --> </SCRIPT> <body text="#000000" bgcolor="#FFFFFF" link="#000066" vlink="#000066" alink="#FF0000"> <center> <table BORDER="0" WIDTH="10%" BGCOLOR="#CCCC66" HEIGHT="25"> <tr> <td onmouseover="NavRollOver(this)" onmouseout="NavRollOut(this)" height="22" bgcolor="#CCCC66"> <font face="Arial" size="2" color="#000000"> <b>2. <a href="bestand.html">Bestand</a><br> </font> </td> </tr> </table> </center> <br> </body> </html>

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.