Avatar billede xorioz Nybegynder
14. juni 2002 - 16:48 Der er 11 kommentarer og
1 løsning

css knap

hvordan gør man så bgcolor skifter i et felt i en tabel når man holder musen over den?
Avatar billede xorioz Nybegynder
14. juni 2002 - 16:52 #1
nogen?
Avatar billede xorioz Nybegynder
14. juni 2002 - 16:58 #2
er der ikke nogen der kan hjælpe?
Avatar billede -master-d- Nybegynder
14. juni 2002 - 17:08 #3
En jeg har brugt op til flere gange her på eksperten ser sådan her ud :

<html><head>
<SCRIPT language=javascript>
<!---
function color(id,classe)
{if(document.getElementById) {document.getElementById(id).className=classe;}}
// -->
</SCRIPT>

<STYLE type=text/css>
.Over {COLOR:#FFF000;background-color: #CCCC99;}
.Out  {COLOR:#f1f1f1;background-color: #FFFFFF;}
</STYLE>
</head>

<BODY>
<table>
<tr id='tr1' onmouseover="color('tr1','Over');" onmouseout="color('tr1','Out');"><td>Celle</td></tr>
</table>
</BODY></HTML>
Avatar billede Slettet bruger
14. juni 2002 - 17:09 #4
<td bgcolor="#6699CC" onMouseOver="this.style.backgroundColor = '#FF0000';" onMouseOut="this.style.backgroundColor = '#6699CC';">

Virker i IE4+ og NS6.
Avatar billede Slettet bruger
14. juni 2002 - 17:10 #5
At skifte className er en proces, der kræver væsentligt mere computerkraft end bare at skifte baggrunden.
Så hvis ikke du skal have skiftet andet end baggrundsfarven, så kan jeg kun fraråde at skifte class!
Avatar billede pelkjaer Nybegynder
14. juni 2002 - 17:12 #6
Computerkraft eller ej - dette ser godt ud og virker lynhurtigt:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/* Styles for the Sub Menus */
.holderTbl {background-color: #666666}

.contentTbl {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 11px;
  background-color: #CCCCCC;
  border-color: #FFFFFF black black;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px
}

.contentTbl a {
  position:relative;
  display:block;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  color: #666666
}

.contentTbl a:hover { 
  background-color: #B1E403;
  text-decoration: none; 
  color: #FFFFFF
}

td {padding:0px}
-->
</style>
</head>
<body>
<table width="200px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="holderTbl">
<table width="200px" border="0" cellspacing="1" cellpadding="2">
<tr>
<td class="contentTbl"><a href="#">Test</a></td>
</tr>
<tr>
<td class="contentTbl"><a href="#">Test</a></td>
</tr>
<tr>
<td class="contentTbl"><a href="#">Test</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Avatar billede Slettet bruger
14. juni 2002 - 17:15 #7
Jeg forstår ikke, hvad du menre Pelkjaer! Du skifter jo ikke nogen class med det dér!
Avatar billede pelkjaer Nybegynder
14. juni 2002 - 17:16 #8
phoenixv>>Sorry - var lidt for hurtigt på aftrækkeren :o)
Avatar billede Slettet bruger
14. juni 2002 - 17:17 #9
Ja, jeg kender det godt! Lucky Luke-virussen breder sig! :)
Avatar billede pelkjaer Nybegynder
14. juni 2002 - 17:18 #10
Det gør jeg tilgængæld her http://www.peterelkjaer.dk/brovang/index.html - (klik på produkter - den er aktiv) og det virker da ok, men det er da muligt der er noget om snakken.
Avatar billede xorioz Nybegynder
14. juni 2002 - 17:54 #11
har kiket alle svar efter og finder at pelkjaer's svar var bedst først og frammest får jeg det bedste resultat for det andet så laver han dem i css jeg vil ikke bruge java
Avatar billede Slettet bruger
17. juni 2002 - 21:24 #12
"Vil ikke bruge java"...
Hvem har snakket om Java?
Og hvis du mener JavaScript, så er det da en lidt rusten holdning ikke at bruge det...
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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