/ 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
skifte baggrund i TD, som hover effekt
Fra : Mads Nørskov


Dato : 19-08-05 11:14

Jeg har opdelt nogle link, i en table, hvor jeg ønsker at lave en
hover effekt, således at baggrunden skifter farve når musen går
ind over linket. Men hvordan tildeler jeg denne kommando??

--
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

 
 
Georg OLE Peter HART~ (19-08-2005)
Kommentar
Fra : Georg OLE Peter HART~


Dato : 19-08-05 12:22

Mads Nørskov skrev:
> Jeg har opdelt nogle link, i en table, hvor jeg ønsker at lave en
> hover effekt, således at baggrunden skifter farve når musen går
> ind over linket. Men hvordan tildeler jeg denne kommando??
>
dette kan måske gi. et hint - indsat i stysleheet:

   a:hover {
   color:Aqua;
   background-color: #bb2222;
   }
jeg tror, det er hvad jeg bruger - evt med 'en class' på!
hilsen 'skipper'

--
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

Mads Nørskov (19-08-2005)
Kommentar
Fra : Mads Nørskov


Dato : 19-08-05 12:56

Det har jeg prøvet, men det ændrer kun baggrunden bag teksten og ikke i
hel TD'en


Georg OLE Peter HARTIG wrote in dk.edb.internet.webdesign.html:
> Mads Nørskov skrev:
> > Jeg har opdelt nogle link, i en table, hvor jeg ønsker at lave en
> > hover effekt, således at baggrunden skifter farve når musen går
> > ind over linket. Men hvordan tildeler jeg denne kommando??
> >
> dette kan måske gi. et hint - indsat i stysleheet:
>
>    a:hover {
>    color:Aqua;
>    background-color: #bb2222;
>    }
> jeg tror, det er hvad jeg bruger - evt med 'en class' på!
> hilsen 'skipper'
>
> --
> 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


--
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

Knud Gert Ellentoft (19-08-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 19-08-05 13:27

Mads Nørskov skrev:

>Det har jeg prøvet, men det ændrer kun baggrunden bag teksten og ikke i
>hel TD'en

Hvis du vil have hjælp, så vær rar at følge den gængse netikette,
dvs. svare under det citerede og nøjes med at citer det du
direkte svarer på.

Du bliver også gjort tydeligt opmærksom på det, når du svarer på
et indlæg på html.dk.

Da jeg regner med at du følger det fremover, så får du to mulige
løsningsmodeller.

Sæt en display: block ind på din a, sæt width og vt. også height
til 100%.

Eller bruge onmouseover.

<td style="background-image: url(bg2.gif);"
onnouseover = "this.style.backgroundImage='url(bg.gif)';"
onmouseout = "this.style.backgroundImage='url(bg2.gif)';">
<a href="http://www.google.com">Google
</td>

Jeg vil foretrække den sidste.
--
Knud
Topposter du svar, 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 (19-08-2005)
Kommentar
Fra : Christoffer


Dato : 19-08-05 13:56


"Knud Gert Ellentoft" <ellentoft@mail.tele.invalid> skrev i en meddelelse
news:ckjbg15bnvll97dbm7d19iuqe405k11mae@dtext.news.tele.dk...
> <td style="background-image: url(bg2.gif);"
> onnouseover = "this.style.backgroundImage='url(bg.gif)';"
> onmouseout = "this.style.backgroundImage='url(bg2.gif)';">
> <a href="http://www.google.com">Google
> </td>
jeg plejer at bruge
<td class='normal'
onmouseover="this.className='over'"
onmouseout="this.className='normal'">
<a href='#'>Link </a>
</td>
men hvad er forskellen på this.classname og this.style?

--
Christoffer



Knud Gert Ellentoft (19-08-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 19-08-05 16:04

Christoffer skrev:

>men hvad er forskellen på this.classname og this.style?

At bruge this.classname er langsommere og tungere for browserne,
efter hvad nogen hævder, så skal hele sidens dom genskabes.

Hvor meget det betyder i praksis ved jeg ikke, men er det kun en
ting, man ønsker ændret ville jeg foretrække den enklest mulige,
this style.

Ville jeg derimod ændre flere egenskaber, så ville jeg bruge
this.classname.
--
Knud
Topposter du svar, 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

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

Månedens bedste
Årets bedste
Sidste års bedste