Avatar billede Gorm Nybegynder
30. august 2011 - 13:11 Der er 4 kommentarer og
1 løsning

Ændre tekstfarve ved mouseover

Jeg har denne kode liggende, hvor jeg gerne vil have tekstfarven på links til at skifte, når man fører musen over:

<style type="text/css"><!-- a { text-decoration: none } --> </style>
<table border="0" cellspacing="0" cellpadding="0" width="939" align="center">
    <tbody>
        <tr>
            <td width="190" style="text-align: left"><img border="0" alt="Logo-ny" width="156" height="115" src="/graphics/interface/pic_238.jpg" /></td>
            <td valign="bottom" width="5" align="center" style="text-align: center"><span style="color: rgb(255,255,255)"><img border="0" alt="Menu-streg" src="/graphics/interface/pic_11.gif" /></span></td>
            <td valign="bottom" width="85" style="text-align: center"><strong><span style="color: rgb(255,255,255)"><a href="/redir/default.asp?id=3&lang=dk&ref=3">Om os</a></span></strong></td>
            <td valign="bottom" width="5" align="center" style="text-align: center"><strong><span style="color: rgb(255,255,255)"><img border="0" alt="Menu-streg" src="/graphics/interface/pic_11.gif" /></span></strong></td>
            <td valign="bottom" width="112" style="text-align: center"><strong><span style="color: rgb(255,255,255)"><a href="/redir/default.asp?id=10&lang=dk&ref=10">Destinationer</a></span></strong></td>
            <td valign="bottom" width="5" align="center"><strong><span style="color: rgb(255,255,255)"><img border="0" alt="Menu-streg" src="/graphics/interface/pic_11.gif" /></span></strong></td>
            <td valign="bottom" width="172" style="text-align: center"><strong><span style="color: rgb(255,255,255)"><a href="/redir/default.asp?id=24&lang=dk&ref=24">Konferencer og Møder</a></span></strong></td>
            <td valign="bottom" width="5" colspan="3" align="center"><strong> </strong><strong><span style="color: rgb(255,255,255)"><span style="color: rgb(255,255,255)"><span style="color: rgb(255,255,255)"><img border="0" alt="Menu-streg" src="/graphics/interface/pic_11.gif" /></span></span></span></strong></td>
            <td valign="bottom" width="142" style="text-align: center"><strong><span style="color: rgb(255,255,255)"><a href="/redir/default.asp?id=36&lang=dk&ref=36">Kick Off & Events</a></span></strong></td>
            <td valign="bottom" width="5" align="center"><strong><span style="color: rgb(255,255,255)"><span style="color: rgb(255,255,255)"><img border="0" alt="Menu-streg" src="/graphics/interface/pic_11.gif" /></span></span></strong></td>
            <td valign="bottom" width="101" style="text-align: center"><strong><span style="color: rgb(255,255,255)"><a href="/redir/default.asp?id=37&lang=dk&ref=37">Firmarejser</a></span></strong></td>
            <td valign="bottom" width="5" align="center"><strong><span style="color: rgb(255,255,255)"><span style="color: rgb(255,255,255)"><img border="0" alt="Menu-streg" src="/graphics/interface/pic_11.gif" /></span></span></strong></td>
            <td valign="bottom" width="132" colspan="3" style="text-align: center"><strong><span style="color: #ffffff"><span style="color: rgb(255,255,255)"><a href="/00038/"><span style="color: #ffffff">Kontakt</span></a></span> </span></strong></td>
            <td valign="bottom" width="5"><img border="0" alt="Menu-streg" src="/graphics/interface/pic_11.gif" /></td>
        </tr>
    </tbody>
</table>
<br />

Er der nogen, der kan hjælpe med det ? Jo, jeg HAR været igennem relevante spørgsmål, men kan ikke finde det, jeg skal bruge, og jeg er meget lidt skrap til det med koderne .......

Mange tak for hjælpen.
Avatar billede wanze Nybegynder
30. august 2011 - 13:23 #1
Velkommen til Eksperten.

Tilføj a:hover { color:#f00; } eller hvilken farve du ønsker til din style: <style type="text/css"><!-- a { text-decoration: none } --> </style>.

Fremover bedes du venligst kontrollere, at du lægger dine indlæg i de relevante kategorier. Det her et et CSS-problem. Hvis du troede, det var et JavaScript-problem, så er det alligevel den forkerte kategori. Java og JavaScript er ikke det samme.
Avatar billede Gorm Nybegynder
30. august 2011 - 17:32 #2
Hej Wanze

Tak for dit svar.

Beklager den forkerte kategori - jeg er ny her (første spørgsmål). Kan jeg stille et yderligere spørgsmål, eller skal jeg starte forfra i den rigtige kategori ?

På forhånd tak for svaret.
Avatar billede wanze Nybegynder
30. august 2011 - 17:43 #3
Normalt ville man åbne et nyt spørgsmål, med mindre det blot var uddybende til det her spørgsmål. Noget andet er, at jeg ikke lagde en kommentar, fordi jeg ikke ønskede point, men sådan er kotumen nu engang bare herinde. Man lægger typisk en kommentar med en løsning, og hvis du synes den er OK, så beder du mig lægge et svar. Herefter kan du vælge at acceptere mit svar.
Avatar billede Gorm Nybegynder
30. august 2011 - 17:55 #4
Hej Wanze

Tak igen.

Hvor skal koden: a:hover { color:#ff0000; } ligge ?

I toppen af koden ved:
<style type="text/css"><!-- a { text-decoration: none } --> </style>

eller ved teksten, f.eks.:
<td valign="bottom" width="112" style="text-align: center"><strong><span style="color: rgb(255,255,255)"><a href="/redir/default.asp?id=10&lang=dk&ref=10">Destinationer</a></span></strong></td>

På forhånd tak for svaret, og beklager, at jeg er lidt tungnem på dette område.
Avatar billede wanze Nybegynder
30. august 2011 - 18:05 #5
Det skal du skam ikke beklage. Eksperten er ikke altid hel logisk.

a:hover betyder, at den påvirker alle links (a), når musen bliver kørt over (hover). Det er altså en egenskab, der påvirker mange elementer, ikke kun et enkelt. Derfor skal den tillæges stylen for hele dokumentet. Du skal altså skrive:

<style type="text/css"><!--
  a { text-decoration: none; }
  a:hover ( color: #ff0000; }
--></style>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester