CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
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
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
Variabler som ikke virker Af Frits Jensen i HTML 2 30/10/202409:37 30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 2 29/09/202410:58 30/09/202412:04
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
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 18:09 Billedoverførsel Af Laurids i iOS, iPhone & iPad
I dag 13:30 Hvordan ændres UniFi Dream Machine UDM til switch mode Af Kasper4450 i Internetforbindelser
I dag 13:01 Film går i stå midt i afspilningen Af ole falsted i Musik & videoafspillere
I dag 11:40 Fjerne mappe i stifinder Af Peter Olsen i Andet software
I dag 11:27 renteberegning Af Pil i Excel
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Læs mere »
Er din cybersikkerhed klar til AI-revolutionen?
Styrk compliance, sikkerhed og overblik med ét hug
SMB og cybertrusler: Brug sikkerhedsressourcerne optimalt
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »