Søg
Avatar billede Mik2000 Professor
10. december 2010 - 23:27 Der er 7 kommentarer og
1 løsning

Div skifter mouse over

Hej

Har man mulighed for at lave sådan at når musen køres henover en div, eller henover et tabelfelt, så er det et link?
... og samtidige sådan at når musen køres henover så viser den f.eks. anden baggrundsfarve?
Avatar billede Six Nybegynder
11. december 2010 - 00:20 #1
<div onmouseover="style.backgroundColor='#D1DBE3'; style.bordercolor='#D1DBE3'; style.cursor='hand';" onmouseout="style.backgroundColor='transparent';" onclick="location.href='http://www.google.dk'"> Div indhold

</div>

Noget i den stil der

Husk nu at få lukket for dine åbne spørgsmål.. 670 point ude, det er ikke i orden. Få styr på sagerne :)
Avatar billede Mik2000 Professor
11. december 2010 - 03:55 #2
Hej

Det ser ud til at virke.
Eneste ting er dog at der i Chrome og Firefox ikke kommer en hånd

Og så skal jeg også lige høre om man egentlig på samme måde kan få den til:
Når man kører musen over at hente css fra en klasse og når man kører musen væk så hente fra en anden css klasse.

Håber du kan hjælpe med det sidste også. Læg som et svar og så er der point.

Tror at flere af spørgsmålene ikke er besvaret endnu
Videoovervågning: Mangler svar 100 point
Harddisk kabinet: Ikke løst endnu 60 point
Luk af for mappe: venter på svar 150 point
Trådløs tlf: Havde ikke set der var svar men er nu svaret 100 point
Musik hakker: Ikke løst 200 point
Div: denne 60 point
Flash knapper: Ikke svaret - 200 point
Avatar billede alphabits Nybegynder
11. december 2010 - 09:54 #3
Hvis du har html-koden
<div class="some_class">
    Lidt indhold
<div>

Kan du i css skrive
.some_class {
    background-color: #999;
    color: white;
}

.some_class:hover {
    background-color: #333;
}

og så vil baggrunden blive mørkere når du kører musen hen over div'en. Hvis du vil have at man skal kunne klikke på div'en ligesom et link, synes jeg du skulle lave et link inde i div'en :)
<div class="some_class">
    <a href="http://www.google.com">Lidt indhold</a>
<div>

og så lade hover-reglen være på linket
.some_class a {
    background-color: #999;
    color: white;
    display: block;
}

.some_class a:hover {
    background-color: #333;
}
Avatar billede Springform Nybegynder
11. december 2010 - 10:45 #4
For at ændre cursoren til en hånd i alle browsere skal du bruge

cursor: pointer;
cursor: hand;

på din div
Avatar billede Mik2000 Professor
11. december 2010 - 23:57 #5
Hej

Tak for svarene

alphabits: Det var egentlig oprindelig også det jeg havde prøvet. Problemet er at når dette gøres, så er link kun tekst og ikke hele div.

Men så kan jeg selvfølgelig blot smide onclick og cursor tingen på, så tror det lader sig gøre :)

Så er det tid til point - dem der mener at have svaret, smid et svar og så fordeler jeg.
Avatar billede Springform Nybegynder
12. december 2010 - 00:46 #6
here you go
Avatar billede Mik2000 Professor
29. december 2010 - 03:19 #7
Fjappe: Det gik for stærkt. Hvis du smider et svar her:
http://www.eksperten.dk/spm/926233

Ligegyldigt hvad, så får du også 60 point som tak for svar på dette spørgsmål :)
Avatar billede Six Nybegynder
29. december 2010 - 16:07 #8
Det går nok, behold du bare dem :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 13:01 Måned og år på graf Af mort1 i Excel
I dag 12:28 2 diske Af dcedata1977 i Andet hardware
I dag 12:06 Ekstra til TV 2 : "Tilkøb" + "TV2 Ude" Af Ikke-ekspert i Fjernsyn & projektorer
I dag 10:20 ASP classic kopiere database fil på server Af bsn i ASP
I går 15:04 Kan Medie Player overspille en CD ? - Hvordan Af Ikke-ekspert i Musik & videoafspillere
White papers
Flere white papers »