/ 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
Mouseover i CSS...
Fra : Magnus


Dato : 31-01-06 21:47

Hvordan laver jeg det sådan at baggrundsfarven skifter for hele rækken når
musen er over den. Jeg har set mange måder at gøre dette på men hvad er den
bedste...?

/Magnus

<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>

<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>



 
 
Jens Gyldenkærne Cla~ (31-01-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 31-01-06 22:36

Magnus skrev:

> Hvordan laver jeg det sådan at baggrundsfarven skifter for
> hele rækken når musen er over den.

Hvis man ikke behøver at tage hensyn til IE, er det let nok:

   tr:hover{   background-color: green; }

(samt cellspacing="0" på tabellen for at undgå mellemrum).

Men IE forstår desværre kun :hover på links - og dermed er det
noget mere besværligt i praksis. Jeg har ikke lige nogen IE-løsning
i hovedet.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Stefan Kristensen (02-02-2006)
Kommentar
Fra : Stefan Kristensen


Dato : 02-02-06 11:17

> > Hvordan laver jeg det sådan at baggrundsfarven skifter for
> > hele rækken når musen er over den.
>
> Hvis man ikke behøver at tage hensyn til IE, er det let nok:
>
> tr:hover{ background-color: green; }

Jeg fandt et Behaviour script til IE så den forstod :hover på alle
elementer. Jeg har det ikke lige ved hånden, men jeg skal finde det når jeg
kommer hjem.

Mvh
Stefan



Knud Gert Ellentoft (31-01-2006)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 31-01-06 22:38

Magnus skrev:

>Hvordan laver jeg det sådan at baggrundsfarven skifter for hele rækken når
>musen er over den. Jeg har set mange måder at gøre dette på men hvad er den
>bedste...?

Der er vist kun en, hvis det skal virke i alle browsere.

<tr style="background: red"
onmouseover = "this.style.background='yellow';"
onmouseout = "this.style.background='red';">

Hvis det ikke skulle virke i IE, så kunne du bruge det mere enkle
med hover.

Med da du sikkert gerne vil ha' det til at virke i IE også, så
går den ikke.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Christoffer (01-02-2006)
Kommentar
Fra : Christoffer


Dato : 01-02-06 14:25


"Knud Gert Ellentoft" <ellentoft@mail.tele.invalid> skrev i en meddelelse
news:42mvt19n33e6a0rg9v60i5ia624pglj8eq@dtext.news.tele.dk...
> Magnus skrev:
>
>>Hvordan laver jeg det sådan at baggrundsfarven skifter for hele rækken når
>>musen er over den. Jeg har set mange måder at gøre dette på men hvad er
>>den
>>bedste...?
>
> Der er vist kun en, hvis det skal virke i alle browsere.
>
> <tr style="background: red"
> onmouseover = "this.style.background='yellow';"
> onmouseout = "this.style.background='red';">
>
> Hvis det ikke skulle virke i IE, så kunne du bruge det mere enkle
> med hover.
>
> Med da du sikkert gerne vil ha' det til at virke i IE også, så
> går den ikke.
Måske et overkill, men hvis du satte links i tr til at være blok-elementer
ville hover kunne gøre resten ikke? så behøver man ikke at rette i
html-koden.



Knud Gert Ellentoft (01-02-2006)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 01-02-06 17:52

Christoffer skrev:

>Måske et overkill, men hvis du satte links i tr til at være blok-elementer
>ville hover kunne gøre resten ikke? så behøver man ikke at rette i
>html-koden.

Du kan ikke ha' links i en <tr>, det eneste, der må være i en
<tr> er celler, <td>.

Så for at det vil virke skal det sættes på hver enkelt <td> og er
der er ikke links i alle celler/nogen celler, så må man lave fake
links (a href="#"></a>).
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Bertel Lund Hansen (01-02-2006)
Kommentar
Fra : Bertel Lund Hansen


Dato : 01-02-06 17:59

Knud Gert Ellentoft skrev:

> Så for at det vil virke skal det sættes på hver enkelt <td> og er
> der er ikke links i alle celler/nogen celler, så må man lave fake
> links (a href="#"></a>).

De felter skifter jo ikke farve på en gang.

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

Knud Gert Ellentoft (01-02-2006)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 01-02-06 20:54

Bertel Lund Hansen skrev:

>De felter skifter jo ikke farve på en gang.

Næh, men det tænkte jeg ikke lige over.

Man skal ikke læse news samtidig med at man laver mad
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Jens Gyldenkærne Cla~ (01-02-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 01-02-06 17:33

Christoffer skrev:

> Måske et overkill, men hvis du satte links i tr til at være
> blok-elementer ville hover kunne gøre resten ikke?

Nej. Et link kan ikke dække mere end en enkelt celle, derfor vil
man ikke få fremhævet hele rækken (medmindre den kun består af én
celle).

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408942
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste