Avatar billede roar Nybegynder
08. maj 2000 - 16:56 Der er 7 kommentarer og
1 løsning

Skift rammefarve ved fokus på billed-link, hvordan?

Hvordan laver jeg nogdet der svarer til
A:active { color: green; }
på rammen til et billede?

Når brugeren flytter fokus hen på billedet med Tab-tasten (eller lige idet han trykker på billed-linket) skal rammefarven på billed-linket ændres til grøn.

--
Roar
Avatar billede stoffer Nybegynder
08. maj 2000 - 17:22 #1
Kan du ikke bare sætte en border rundt om billedet. <img border="1">, det burde vel gøre trikket ik?
Avatar billede stoffer Nybegynder
08. maj 2000 - 17:23 #2
Ups, glemmer det altid
Avatar billede dena Nybegynder
08. maj 2000 - 23:26 #3
der findes osse en style-kode (a:hover) til mouse-over effekt, den duer bare kun i IE...

Avatar billede roar Nybegynder
09. maj 2000 - 11:42 #4
Det gør ikke så meget for mig at det kun fungerer i IE. Siden kan jo stadig bruges i Netscape uden problemer.

Men jeg kunne ikke umiddelbart få CSS til at påvirke den blå border rundt om et IMG-element.
Jeg har ved hjælp af JavaScript og CSS lavet noget der svarer til A:hover, men hvordan får man ændret rammefarven på et billede lige når man har trykket museknappen ned og endnu ikke har sluppet den?
Avatar billede roar Nybegynder
09. maj 2000 - 11:47 #5
Til Stoffer: "burde", ja, men det nyttet ikke noget (i IE5 på Win95) med hverken <IMG border="1" eller IMG { border-width: medium; }.
Det er netop det der er problemet!
Hvordan man får rammefarven til at opføre sig på samme måde som links??
Avatar billede stoffer Nybegynder
09. maj 2000 - 12:29 #6
roar --> Hmm jah det lyder mystisk. Jeg har imiddelbart ikke løsningen. Men nødløsningen må vel være at du laver en javascript mouseoverfunktion.

Jeg har kigget Topstyle Lite igennem både CSS1 og CSS2 og kunne desværre ikke finde noget...
Avatar billede roar Nybegynder
09. maj 2000 - 16:50 #7
Jeg har allerede lavet en JavaScript funktion, men den løser kun problemet med at man fører musen over linket.
Men hvis nu man fx med CSS har sat A:active {background-color: white;} og så man bruger Tab til at flytte "fokus" fra link til link, så bliver baggrundsfarven hvid. Men lige så snart man med Tab går hen på et billedlink er "fokus" almindelig. Farven på billedets ramme følger ikke med.
Man kunne måske lave noget JavaScript med onMouseDown men det virker ikke når man bruger Tab til at skifte mellem links.
Der er godt nok onFocus, men den fungerer ikke til links.

Måske er det CSS...
Jeg spekulerede lidt på om det mon ikke var muligt at lægge noget kode ind under A:active {...} som ændrede på en form for ramme til billedet. Der er vel ikke mulighed for flere forskellige typer af rammer til billeder...?
Avatar billede roar Nybegynder
09. maj 2000 - 18:54 #8
Har selv løst problemet med <BODY alink="green">. alink-attributten er godt nok "Deprecated", men A:active{}  har ikke helt samme virkning (i IE5 på Wind 95) - den medtager nemlig ikke billedlinks.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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