/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Hover - skifte baggrundsfarve på celler
Fra : Martin


Dato : 20-05-07 10:52

Hej,

Ligesom man med a:hover kan ændre farver på teksten, når bruger
holder markøren over - er der nogle der ved om dette også kan
lade sig gøre på tabel-celler?

Fx: td:hover {
...
}

(ovenstående virker dog ikke)

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Bertel Lund Hansen (20-05-2007)
Kommentar
Fra : Bertel Lund Hansen


Dato : 20-05-07 12:45

Martin skrev:

> Ligesom man med a:hover kan ændre farver på teksten, når bruger
> holder markøren over - er der nogle der ved om dette også kan
> lade sig gøre på tabel-celler?

Om ikke andet kan du definere en klasse til det:

CSS
..farveskift:hover { color:red; background:inherit; }

HTML
<td class='farveskift'>Musepeg skulle gerne give rød tekst</td>

Du kan selv prøve om det virker med i stedet at give <tr> eller
ligefrem <table> en klasse.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

Martin (20-05-2007)
Kommentar
Fra : Martin


Dato : 20-05-07 14:44

Det virker - dog kun i Firefox - Explorer 7 vil ikke være med til
baggrund på td-klassen.

> CSS
> ..farveskift:hover { color:red; background:inherit; }
>
> HTML
> <td class='farveskift'>Musepeg skulle gerne give rød tekst</td>


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Thrane (21-05-2007)
Kommentar
Fra : Thrane


Dato : 21-05-07 21:47


"Martin" <sa@c.dk> wrote in message
news:465050b7$0$90271$14726298@news.sunsite.dk...
> Det virker - dog kun i Firefox - Explorer 7 vil ikke være med til
> baggrund på td-klassen.
>
>> CSS
>> ..farveskift:hover { color:red; background:inherit; }
>>
>> HTML
>> <td class='farveskift'>Musepeg skulle gerne give rød tekst</td>


Du kan benytte dette:

<style type="text/css">
..red {
background-color: WhiteSmoke;
color: #990000;
font-weight:bold;
}
..black {
background-color: White;
color: #666666;
}
</style>


<tr onmouseover="this.className='red'"
onmouseout="this.className='black'">....

--
Thrane


Erik Ginnerskov (23-05-2007)
Kommentar
Fra : Erik Ginnerskov


Dato : 23-05-07 20:35

Thrane wrote:

> Du kan benytte dette:

> background-color: WhiteSmoke;

Ikke hvis man vil have sin css til at validere. Vil man have den farve, skal
man i stedet bruge farvens hex- eller rgb-værdier.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk



Thrane (26-05-2007)
Kommentar
Fra : Thrane


Dato : 26-05-07 09:36


"Erik Ginnerskov" <erik@donotspammeplease.invalid> wrote in message
news:46549765$0$90263$14726298@news.sunsite.dk...

>
> Ikke hvis man vil have sin css til at validere. Vil man have den farve,
> skal man i stedet bruge farvens hex- eller rgb-værdier.
>
> --
> Med venlig hilsen
> Erik Ginnerskov

Jeg mener ikke det var farverne spørgsmålet gik på?

--
Thrane


Erik Ginnerskov (26-05-2007)
Kommentar
Fra : Erik Ginnerskov


Dato : 26-05-07 20:35

Thrane wrote:

> Jeg mener ikke det var farverne spørgsmålet gik på?

Du har ret, det var baggrundsfarve.

Men du foreslår at bruge en (baggrunds)farvedefinition, som ikke er valid.
Derfor er det da rimeligt, at jeg lige bemærker det.

Sådan er usenet også - man får undertiden svar på noget andet end det, der
blev spurgt om eller får et svar, man ikke lige havde forventet.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk



Kerim Ellentoft (20-05-2007)
Kommentar
Fra : Kerim Ellentoft


Dato : 20-05-07 13:04

Martin <sa@c.dk> skrev :

>Fx: td:hover {
....
>(ovenstående virker dog ikke)

Virker fint, bare ikke i IE 6 og andre ældre browsere.

Her man nødt til at bruge onmouseover/-out.

Kode kan du se nederst på f.eks,:

http://www.codingforums.com/showthread.php?t=1041

--
Kerim
»Søger nogen en anden religion end Islam, skal den ikke modtages
af Ham, og han skal i det kommende liv være blandt taberne.«
(Sura 3, vers 87)

rene (28-05-2007)
Kommentar
Fra : rene


Dato : 28-05-07 18:45


"Kerim Ellentoft" <kerim@mail.tele.invalid> skrev i en meddelelse
news:e4e053dt7lnf6dc2gq7vje7b18bilbgojb@dtext.news.tele.dk...
> Martin <sa@c.dk> skrev :
>
>>Fx: td:hover {
> ...
>>(ovenstående virker dog ikke)
>
> Virker fint, bare ikke i IE 6 og andre ældre browsere.
>
> Her man nødt til at bruge onmouseover/-out.
>
> Kode kan du se nederst på f.eks,:
>
> http://www.codingforums.com/showthread.php?t=1041
>
> --
> Kerim
> »Søger nogen en anden religion end Islam, skal den ikke modtages
> af Ham, og han skal i det kommende liv være blandt taberne.«
> (Sura 3, vers 87)

ja ja ja millioner tror på gud, jesus, muhammed, allah og og havd de nu
hedder
og millioner tror på små grønne mars mænd men hvem har nogensinde set nogen
af ?? INGEN
og det er der heller aldrig nogen der kommer til.

og dem som mener at islam er den eneste og sande religion skulle have
stukket
en STOR, FED OG TYK amerikansk raket op i røven, hvor på der står :
FUCK MUHAMMED.

(René 1962, vers 1 og 2)
Ateist ikke troende



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste