När man för muspekaren över en <td>...

HTML & CSS

7 svar · 242 visningar · startad av trexter.com 13 okt. 2002

trexter.comMedlem sedan apr. 20021 203 inlägg

Frågan13 okt. 2002 15:06#1

så vill jag ett en en pixel tjock ram runt rutan poppar upp och att bakgrundsfärgen bytas.

Hur gör jag detta enklast?

DinoMedlem sedan sep. 20011 914 inlägg

13 okt. 2002 15:46#2

Här är ett sätt.

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function doMe(bla,color){
   bla.style.border = '1px solid black'
   bla.style.backgroundColor = color
}
function dontdoMe(bla,color){
   bla.style.border = '0px solid black'
   bla.style.backgroundColor = color
}
//-->
</script>
</head>
<body>
<table>
   <tr>
      <td onMouseOver="doMe(this,'red')" onMouseOut="dontdoMe(this,'white')">Grr</td>
      <td onMouseOver="doMe(this,'blue')" onMouseOut="dontdoMe(this,'white')">Grr</td>
      <td onMouseOver="doMe(this,'#cccc99')" onMouseOut="dontdoMe(this,'white')">Grr</td>
   </tr>
</table>
</body>
</html>

SicoMedlem sedan maj 20002 597 inlägg

13 okt. 2002 16:02#3

Vill man inte använda ditt sätt så kan man ju göra såhär :)

<td onmouseout="style.backgroundColor='#F6F6F6';" onmouseover="style.backgroundColor='#FFFFFF'">

Edit.
Haha, jag läste inte frågan bara rubriken :birp

trexter.comMedlem sedan apr. 20021 203 inlägg

13 okt. 2002 16:08#4

Tack men...

Om du kollar på denna sidan så ser du att övre delen av ramen inte verkar synas och att ramen visas runt texten, inte runt själv "<td>:n". Hur fixar jag detta?

http://www.trexter.com/v2/a.html#

hypatiaMedlem sedan feb. 20016 388 inlägg

13 okt. 2002 17:45#5

Du har satt "onMouseOver..." i a-taggen, sätt den i td-taggen istället, som Dino visade. :)

mikkeXMedlem sedan aug. 2002477 inlägg

13 okt. 2002 17:46#6

Flytta funktionen från taggen a till taggen td.

trexter.comMedlem sedan apr. 20021 203 inlägg

13 okt. 2002 17:52#7

Usch.. vad pinsamt. ;)
Jaja, i vilket fall verkar det inte bli mycket bättre. Jag vill att den vita rutan ska sträcka sig hela avståndet från den svart linjen upp till den vita.

Detta borde fungera, tycker jag, eftersom cellpadding är satt till noll. Finns det något smart knep eller måste jag lägga in en tom bild för att på så sätt fylla ut <td>:n?

trexter.comMedlem sedan apr. 20021 203 inlägg

13 okt. 2002 18:25#8

Det gick bra med en genomskinlig, en pixel tjock bild, nu gäller det bara att få menyn att inte hacka...
Några tips på hur detta ska gå till?