Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  8 668
Noen som har lyst til og fortelle meg hvordan man får en celle til å lyse opp når man tar musen over den (hover)?
ओम नमो नारायण
Dodecha's Avatar
DonorCrew
Kan vel gjøres med java/javascript. søk på google på mouseover javascript eller noe lignende, finnes sikkert andre måter å gjøre det på også..
Bruk heller CSS, Dodecha: Java?

Kode

.celle
{
font-size:8pt;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image: url(dittbilde/bilde1.gif);
}

.celle:hover
{
background-image: url(dittbilde/bilde2.gif);
color:#000000;
}
Eventuelt bytte ut background-image med en farge.
Du setter da <TD CLASS=celle> for at det skal virke

edit:

Kode

<style type="text/css"> 
.celle 
{ 
font-size:8pt; 
color:#000000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#000099;
} 

.celle:hover 
{ 
background-color:#ff0000;
color:#000000; 
}
</style>

<table width="100%"  cellspacing="0" cellpadding="0">
  <tr>
    <td class="celle">Din tekst</td>
  </tr>
  </table>
Om du skal gjøre det litt anderledes kan du også prøve slik:

Kode

<style type="text/css"> 
<!-- 
td.celle { 
  border: 3px solid black; 
  color: black; 
  background: red; 
  padding: 20px; 
} 
td.celle2 { 
  border: 3px dotted black; 
  color: white; 
  background: blue; 
  padding: 20px; 
} 
--> 
</style> 

<table summary="celle"> 
<tr><td class="celle" onmouseover="this.className='celle2'" 
onmouseout="this.className='celle'">Dette er min celle!</td></tr> 
</table>
Men sjekk først den øverste, vil tro den er bedre.
Begge burde være valid.

SD
Sist endret av SD; 22. mars 2005 kl. 14:11.
ओम नमो नारायण
Dodecha's Avatar
DonorCrew
I "min tid" brukte man javascripts til mouseover saker.. men css har tydeligvis blitt bedre over tiden.

jeg må vel ta en kraftig granskning av webdesign igjen..
Trådstarter
Hehe.. tror ikke jeg får brukt for det nå, men skal prøve ut css greien uansett. Takk
Jeg er ikke så flink til webdesgin og koder, men jeg tror Javascript begynner å bli litt gammeldags ja ;p
det er dumt å bruke java script til sånne ting. det er en del som har slått av java script og vil derfor ikke merke effekten
Sitat av maceren
det er dumt å bruke java script til sånne ting. det er en del som har slått av java script og vil derfor ikke merke effekten
Vis hele sitatet...
Sant det, men er det i veldig mange tilfeller en viktig effekt?
Dodecha ::: CSS har kunnet brukes til mouseover så lenge :hover har vært der..
Du er et lite stykke bak i tid, follow the people!