Søg
Avatar billede jansoz Nybegynder
13. juni 2006 - 18:13 Der er 25 kommentarer og
1 løsning

Blå ramme

Jeg kan ikke længere huske hvordan man fjerne den lilla/blå ramme om et link når man fx indsætter et billede med link.
Avatar billede hent-det Nybegynder
13. juni 2006 - 18:14 #1
<a href="www.test.dk"><img src="test.jpg" border="0"></a>
Avatar billede webudvikleren Nybegynder
13. juni 2006 - 18:16 #2
<img src="test.jpg" alt="" style="border:0px;" /> :-)
Avatar billede jesper-moeller Nybegynder
13. juni 2006 - 18:18 #3
<script type=text/javascript>
function RemoveLinkbox() {
    var aA = document.getElementsByTagName("a");
    for (var i=0,j=aA.length;i<j;i++) aA[i].onfocus = function(){this.blur()};
}
</script>
Avatar billede schwarz84 Nybegynder
13. juni 2006 - 18:28 #4
Den pæne måde er at tilføje:

a img {
border: 0;
}

til din css. Det fjerner rammen på alle billeder på siden.
Avatar billede jesper-moeller Nybegynder
13. juni 2006 - 18:51 #5
a img {
border: 0;
}

fjerne ikke den blå box om aktive link i IE (eller mussestien i FF)
Avatar billede schwarz84 Nybegynder
13. juni 2006 - 19:08 #6
Jo, det gør.

Måske skal jeg give et lille eksempel så vi er enige om hvad teknikken er:
<html>
    <head>
        <style type="text/css">
            a img {
                border: 0;
            }
        </style>
    </head>
    <body>
        <a href="enside.html">
            <img src="bla" width="300" height="200">
        </a>
    </body>
</html>
Avatar billede jesper-moeller Nybegynder
13. juni 2006 - 19:27 #7
Har lige testet dit eksemple

http://www.jart.dk/jgom/test2.html

jeg får blå ramme om det når jeg klikker på det i IE
og mussesti i FF :-)
Avatar billede schwarz84 Nybegynder
13. juni 2006 - 19:37 #8
Jeg forstår ikke hvad du mener med mussesti?

Er du sikker på at din server er sat op til at sende den rigtige content type? Det ser meget mystisk ud. Mellemrummene burde ikke blive vist heller.

Jeg har ikke studeret det nærmere, men det der burde ske, er at det kører som her:
http://www.daimi.au.dk/~schwarz/test.html
Avatar billede jesper-moeller Nybegynder
13. juni 2006 - 19:42 #9
Får også blå ramme om den du har lavet der :-)

Den blå ramme er  en indikation af aktivt link .... ikke en border .... oag har intet med img at gøre

Den kan også slås fra i selve linket
<A HREF="side.html" onFocus="this.blur()">Side</A>

scriptet er blot lettere hvis man har mange links
Avatar billede jesper-moeller Nybegynder
13. juni 2006 - 19:43 #10
Med mussesti mener jeg at den blå ramme om link i IE er en tynd stipt line (mussesti) omkring links i FF
Avatar billede jesper-moeller Nybegynder
13. juni 2006 - 19:44 #11
Skal dog lige siges at når man frejner den fjerne man også muligheden for at bruge tab tasten til at navigere
Avatar billede jansoz Nybegynder
13. juni 2006 - 21:10 #12
Jeg vil gerne takke for svaret og den efterfølgende diskussion. Jeg lover jeg nok skal huske det til næste gang. Desværre er der ingen som har "besvaret" min tråd, men blot kommenteret. Det giver ikke point.
Avatar billede jesper-moeller Nybegynder
13. juni 2006 - 21:33 #13
jansoz >>

Hvis du bruger det script jeg skrev forsvinder den blå omkring linket ...*S*
Avatar billede mclemens Nybegynder
13. juni 2006 - 23:19 #14
jesper-moeller -> Den du lavede i 13/06-2006 19:27:17 er borderen
i FF kun synlig fordi du ikke har et billede der passer med src :)

jansoz -> Tror du er nødt til at sige hvem af dem der skal kaste et svar...

schwarz84's måde at fjerne borderen er den mest optimale...

jesper-moeller's måde at fjerne fokuseringsrammen i IE er også fin... Den fjerner samtidig borderen ... og det gør den selvfølgelig ikke mindre fed i dette tilfælde.

... men hvis det skal virke med/uden javascript med css og fokusseringsrammen er uden betydning er schwarz84's stadig den bedste. ... så du er nok nødt til at sige hvilken du kunne bruge / valgte ...
Avatar billede jesper-moeller Nybegynder
13. juni 2006 - 23:58 #15
mcclemens

Den jeg lavede i 19:27:17 var blot en kopi af schwarz84's
og på den forsvat den blå ikke ... forsvandt heller ikke på hans exempel side
At min kopi af schwarz84's eksempel står anderledes end hans eget skylde blot at jeg har copy/paste herfra til min Mac ... vilket gir et lidt skævt resultat

Den blå box omkring et link har intet med border at gøre, det er som du siger en fokusseringsramme ... den kommer om alle slags link .. text eller image ... medmindre man fjerner focus som i mit exempel eller som i mit  19:42:25 exempel
Avatar billede mclemens Nybegynder
14. juni 2006 - 00:25 #16
ww  w.dki  f.com/users/clemens/test.html (klik evt på billedet)

[ Den jeg lavede i 19:27:17 var blot en kopi af schwarz84's
og på den forsvat den blå ikke ... forsvandt heller ikke på hans exempel side ]
- borderen i FF er KUN synlig fordi der ikke er et billede der passer med src :)
... check mit eksempel ... Det jeg mente var at eksemplet der blev lavet kun fejlede fordi at src ikke var gyldig ligesom jeg sagde i posten...

[ Den blå box omkring et link har intet med border at gøre ]
- Jo det er borderen ;)

[ det er som du siger en fokusseringsramme ]
- Har aldrig sagt at den blå box var en fokusseringsramme...

[ den kommer om alle slags link .. text eller image ... medmindre man fjerner focus som i mit exempel eller som i mit  19:42:25 exempel ] - Jeps fokusseringsrammen kommer på alle links, men nu sagde du jo egentlig lige selv i den sætning at den kom på alle links og der kommer ikke en blå kant på alle links det er en stiplet linje ... nemlig fokusseringsrammen...
Avatar billede mclemens Nybegynder
14. juni 2006 - 00:32 #17
Du kan evt. også bare kigge på den border farve her:

<html>
    <head>
        <style type="text/css">
            a img {
                border: 5px solid #ff0;
            }
        </style>
    </head>
    <body>
        <a href="enside.html">
            <img src="bla" width="300" height="200">
        </a>
    </body>
</html>
Avatar billede mclemens Nybegynder
14. juni 2006 - 00:33 #18
Ville bare lige uddybe den med border
vs. fokusseringsrammen that's all ;)
Avatar billede jesper-moeller Nybegynder
14. juni 2006 - 00:41 #19
Vi snake dejligt forbi hinanden ...
Så vidt jeg forstod på spørgeren er det netop fokuseringsrammen vedkommede vil af med... Pga det han sagde med linket..
Men kan da være jeg tager fej :-/

Hvis det er fokuseringsrammen han vil af med hjælper borde=0 ikke...
hvis der er en border han vil af med hjælper hjælper min ikke

:-)

Men bare han kan bruge EN af løsningerne er alt jo godt...*S*
Avatar billede jesper-moeller Nybegynder
14. juni 2006 - 00:42 #20
BTW i dit lille eksempel ser din fokuseringsramme ud som i min ff
og din border i ff ser ud som min fokuceringsramme i IE :-P
Avatar billede mclemens Nybegynder
14. juni 2006 - 00:43 #21
Kom lige til at kigge på den udgave der lå på dit site...

[ At min kopi af schwarz84's eksempel står anderledes end hans eget skylde blot at jeg har copy/paste herfra til min Mac ... vilket gir et lidt skævt resultat ]

Det er derfor borderen dukkede frem ... det var ikke p.gr.a. src
- men mellemrummene ... min fejl , undskyld, prøv evt. denne her:

<html><head><style type="text/css">a img{border:0;}</style></head><body><a href="enside.html"><img src="bla" width="300" height="200"></a></body></html>

eller denne:

<html><head><style type="text/css">a img{border: 5px solid #ff0;}</style></head><body><a href="enside.html"><img src="bla" width="300" height="200"></a></body></html>
Avatar billede mclemens Nybegynder
14. juni 2006 - 00:44 #22
hehe, ok jeg er desværre ikke den heldige ejer af en
mac... der er nok lidt forskelle på browserne så :D
Avatar billede mclemens Nybegynder
14. juni 2006 - 00:50 #23
[ hvis der er en border han vil af med hjælper hjælper min ikke ]
- Det har du helt ret i, tror jeg skal passe på med de tabs...
... der skal jo en style.border="0px" flettes ind ellers ...
- Jeg kunne heller ikke helt selv forstå det :)
Avatar billede mclemens Nybegynder
14. juni 2006 - 01:00 #24
[ Men bare han kan bruge EN af løsningerne er alt jo godt...*S* ] Nemlig :D

[ Vi snake dejligt forbi hinanden ... ]
- Tjoh, du har ganske ret :D ... tror dog jeg har fundet årsagen ... Når man focussere et link i IE eller FF skifter borderen typisk farve ( hvis der er en border ) ... her er lige et sammentrukket eksempel på det ... har dog defineret focus borderen så man kan se det ... Den lille tynde stiplede linje er så den jeg mente med hensyn til focusseringsrammen ... det er dog en dum betegnelse jeg kalder den da rammen (border) skift farve ved en forcussering i browsere også...

- Kender du et andet ord for den stiplede
linje der typisk er rundt om links...

<html><head><style type="text/css">a:active img{border: 5px solid yellow;}</style></head><body><a href="bla"><img src="nature.jpg" width="300" height="200"></a></body></html>
Avatar billede jesper-moeller Nybegynder
14. juni 2006 - 01:15 #25
[- Kender du et andet ord for den stiplede
linje der typisk er rundt om links...]

I de kredes hvor jeg oftes svæver kaldes den LinkBox (mest om den i IE) eller AntTrail (mest om den i NN/FF)
På IE mac er den RET kraftig
Du kan se et eksempel på hvordan den ser ud på en mac her
http://www.jart.dk/jgom/actions/actdemo/removelinkbox/removelinkboxdemo.html
Avatar billede mclemens Nybegynder
14. juni 2006 - 01:17 #26
Mange tak for feedback
og link Jesper :o)
Mvh, Marc
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 går 14:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
White papers
Flere white papers »