anoniem Geplaatst: 2 december 2002 Delen Geplaatst: 2 december 2002 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. Quote Link naar reactie
anoniem Geplaatst: 2 december 2002 Auteur Delen Geplaatst: 2 december 2002 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. Quote Link naar reactie
anoniem Geplaatst: 3 december 2002 Auteur Delen Geplaatst: 3 december 2002 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 Link naar reactie
anoniem Geplaatst: 5 december 2002 Auteur Delen Geplaatst: 5 december 2002 [quote:2c28414a97="BasHamar"]het scheelt je een hoop JavaScript... - Basje.[/quote:2c28414a97] een hoop??? dude do some research Quote Link naar reactie
anoniem Geplaatst: 13 december 2002 Auteur Delen Geplaatst: 13 december 2002 Met alleen CSS gaat het niet.. (ja, misschien bij css3, maar dat zou ik nog niet gebruiken) Quote Link naar reactie
anoniem Geplaatst: 13 december 2002 Auteur Delen Geplaatst: 13 december 2002 [censuur]Sabine is altijd aardig tegen iedereen.[/censuur] Quote Link naar reactie
anoniem Geplaatst: 14 december 2002 Auteur Delen Geplaatst: 14 december 2002 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. Quote Link naar reactie
anoniem Geplaatst: 14 december 2002 Auteur Delen Geplaatst: 14 december 2002 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 Quote Link naar reactie
anoniem Geplaatst: 22 december 2002 Auteur Delen Geplaatst: 22 december 2002 <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> Quote Link naar reactie
anoniem Geplaatst: 23 december 2002 Auteur Delen Geplaatst: 23 december 2002 Zo kan het ook, misschien nog wel makkelijker, je kunt de style ook in een cascading stylesheet plaatsen. Verder werkt het veel overzichtelijker, maar dat is verder mijn mening. [code:1:28c83939a9] <html> <head> <style> .hoofdmenu { FONT: 12px "MS Sans Serif", Geneva, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #CCCCCC; } .hoofdmenu A:link { COLOR: #000000; TEXT-DECORATION: none; } .hoofdmenu A:active { COLOR: #000000; TEXT-DECORATION: none; } .hoofdmenu A:visited { COLOR: #000000; TEXT-DECORATION: none; } .hoofdmenu A:hover { COLOR: #000000; TEXT-DECORATION: none; } .hoofdmenu_over { FONT: 9px "MS Sans Serif", Geneva, sans-serif; CURSOR: hand; COLOR: #ffffff; BACKGROUND-COLOR: #006699; } .hoofdmenu_over A { COLOR: #ffffff; TEXT-DECORATION: none; } .hoofdmenu_over A:link { COLOR: #ffffff; TEXT-DECORATION: none; } .hoofdmenu_over A:visited { COLOR: #ffffff; TEXT-DECORATION: none; } .hoofdmenu_over A:active { COLOR: #ffffff; TEXT-DECORATION: none; } </style> </head> <body> <table width="100%"> <tr> <td class="hoofdmenu" onmouseover="this.className='hoofdmenu_over'" onclick="top.hoofd.location.href='Home.htm'" onmouseout="this.className='hoofdmenu'"> Tekst </td> </tr> </table> </body> </html> [/code:1:28c83939a9] Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen