HTML/CSS: Striche um den Link entfernen

[Die Muhkuh]

Hi,

hier ist eine kleine Testseite: http://tests.flashboard.net/test.html

Wenn man auf den oberen Link klickt, sieht man eine gepunktete Linie um den Link drumrum. Beim unteren nicht. Wie schaffe ich es per CSS, dass auch beim oberen keine Striche drum rum sind?

Beim unteren wurden die per JavaScript "entfernt", aber das bei jedem Link einzutragen, nervt tierisch.

MfG,

Manu

[ArmyMan]

Hallo Muhkuh

Ist soweit ich weiss nicht möglich.
Du könntest höchstens eine JS function machen und diese dann im onfocus="" eintragen.

Code:

<script type="text/javascript">
function rem(link)
{
  if(link.blur()) link.blur();
}
</script>

Code:

[url="#"]xyz[/url]

Ob das jedoch "schöner" ist, ist zu bezweifeln. Hast aber deutlich weniger zu schreiben!

Wieso willst du denn, dass dieser Rahmen nicht angezeigt wird?

Greetz

[DGL-luke]

Diese schöne Funktion macht es übrigens unmöglich, per Tabulator die Links anzunavigieren. Ich würds bleiben lassen.

[Die Muhkuh]

Oki, dann lass ich die Striche lieber

[Matze]

Korekt. Das schlimmste, was man machen kann, ist das Standardverhalten zu beeinflussen. Das gilt nicht nur bei Windows-Programmen, sondern auch bei Webseiten.

[gothic_mike]

Moin,

geht auch ohne es bei jedem Link extra anzugeben:

Code:

<script type="text/javascript" language="JavaScript">
function BlurLinks() {
  lnks=document.getElementsByTagName('a');
  for(i=0;i<lnks.length;i++) {
    lnks[i].onfocus=new Function("if(this.blur)this.blur()");
  }
}
onload=BlurLinks;
</script>

allerdings löst dies immer noch nicht das Problem, das man nicht mehr per Tab navigieren kann...

Zitat von ArmyMan:

Hallo Muhkuh

Ist soweit ich weiss nicht möglich.
Du könntest höchstens eine JS function machen und diese dann im onfocus="" eintragen.

Code:

<script type="text/javascript">
function rem(link)
{
  if(link.blur()) link.blur();
}
</script>

Code:

[url="#"]xyz[/url]

Ob das jedoch "schöner" ist, ist zu bezweifeln. Hast aber deutlich weniger zu schreiben!

Wieso willst du denn, dass dieser Rahmen nicht angezeigt wird?

Greetz

[DGL-luke]

könnte man das nicht auch ins "onclick" tun? Das hätte den nachteil nicht.

EDIT: Der Rahmen blinkt dann nur kurz auf.

[gothic_mike]

Zitat von DGL-luke:

könnte man das nicht auch ins "onclick" tun? Das hätte den nachteil nicht.

EDIT: Der Rahmen blinkt dann nur kurz auf.

das is ne gute Idee, damit kann man sicherlich leben, man kann mit Tab navigieren und die hässlichen Rahmen verschwinden.

hier nochma der geänderte Code:

Code:

<script type="text/javascript" language="JavaScript">
function BlurLinks() {
  lnks=document.getElementsByTagName('a');
  for(i=0;i<lnks.length;i++) {
    lnks[i].onclick=new Function("if(this.blur)this.blur()");
  }
}
onload=BlurLinks;
</script>