Avatar billede jjdk Nybegynder
17. november 2006 - 23:47 Der er 4 kommentarer og
1 løsning

Fjern ramme om grafik-hyperlink + button

1. Jeg har lavet et hyperlink på noget grafik (a href....) Men hvordan fjerner jeg den synlige ramme?
Jeg har fundet ud af hvordan jeg fjerner understregningen og farverne på teksten via <Style>.
2. Jeg har lavet nogle knapper ved hjælp af "button onclick". Men hvordan får jeg musen til at vise hånden, når jeg peger på knappen? eller på anden måde viser, at knappen er "aktiv".
Avatar billede Slater Ekspert
18. november 2006 - 00:21 #1
Er det et <img> ? I så fald tilføjer du bare border="0" til dit <img>-tag.

Det med hånden gøre i CSS, men der er to forskellige måder på IE og andre browsere, så det gøres således:

<style type="text/css">
.objektklasse {
  cursor: hand;
  cursor: pointer;
}
</style>
Avatar billede jjdk Nybegynder
18. november 2006 - 07:54 #2
Tak for tippene. Nu virker det første.
Men jeg har i <head> afsnittet i forvejen noget <style>, der er defineret:
<style>
a {text-decoration:none}
a:link    { color: #ffffff; text-decoration: none; }
a:visited { color: #ffffff; text-decoration: none; }
a:active  { color: #ffffff; text-decoration: none; }
a:hover  { color: #ffffff; text-decoration: none; }
</style>

Jeg har prøvet at indsætte ".objektklasse......" i <style> området og jeg har prøvet at indsætte det udenfor, præcis som du skriver. Men det ændrer ikke på noget.
Har du et forslag til hvad jeg så kan gøre??
Avatar billede Slater Ekspert
18. november 2006 - 14:05 #3
Ah, sorry. Det troede jeg du vidste.

Nu ved jeg ikke hvordan den knap, du bruger, ser ud. Men er det et <button>-tag? I princippet er det ligegyldigt, men for dette eksempel, vil jeg gå ud fra det er.

Du skal tilføje en klasse til den, så vi kan referere til den i CSS'en (style).
F.eks. (hvis vi går ud fra det er et <button>-tag), sådan her:

<button onclick="et_eller_andet()" class="objektklasse"></button>

Og så i din style, som allerere er lavet, tilføjer vi referencen, således:

<style type="text/css">
a {text-decoration:none}
a:link    { color: #ffffff; text-decoration: none; }
a:visited { color: #ffffff; text-decoration: none; }
a:active  { color: #ffffff; text-decoration: none; }
a:hover  { color: #ffffff; text-decoration: none; }

.objektklasse {
  cursor: hand;
  cursor: pointer;
}
</style>


Ordet "objektklasse" bør skiftes ud med noget mere passende. F.eks. "button" eller lignende. Det er igen ligegyldigt, bare du husker at rette det til det samme begge steder, og husk også at beholde punktummet foran i CSS'en.
Avatar billede jjdk Nybegynder
18. november 2006 - 15:00 #4
Så er jeg med, og nu virker det. Tusind tak for hjælp og tålmodighed!!!
Sender du et svar.
Avatar billede Slater Ekspert
18. november 2006 - 18:40 #5
Så gerne :)
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