Hyperlink setzen aber ohne ränder?

[Silentz]

Hallo,
wir haben zur Zeit ein Projekt in der Schule und müssen eine Seite gestalten und mit der Seite uns dann selber vorstellen. Die Seite (Design) ist soweit fertig aber wenn ich jetzt ein Bild verlinken möchte kommt jedes mal wenn ich auf ein Bild klicke so ein blauer Rahmen drum herum. Weiß jemand wie ich das vermeiden kann?

Hier der Code den ich verwende

<a href="home.htm" target="homeiframe"><img src="http://www.html.de/images/index_07.gif" alt="" width="50" height="13" border="0"></a></td>

Und hier mal ein Screenshot von den Rändern die kommen

Edit: Ok ich habe gemerkt das es an FireFox liegt. In Internet Explorer ist der Rahmen nicht da

 

[Efchen]

Nein, es liegt nicht an einem Browser, es liegt daran, dass Du das Image zu einem Link machst. Dann wird eigentlich immer der blaue Rahmen darum gesetzt.

Mit CSS kannst Du den wegmachen:

a img {
  border:0;
}

Wenn Du den gepunkteten Rahmen meinst, das ist der Focus. Den kriegt jeder Link, wenn er angeklickt wird und das ist auch gut so, denn wenn Du den wegmachen würdest, könnte man auf Deiner Seite nicht mehr mit der Tastatur navigieren. Deine Site würde also für einige Menschen unbenutzbar werden. Das wäre ein Beitrag zur Benutzerunfreundlichkeit.

 

[neuroleptika]

Mit outline: none; kannst du diese Linen entfernen.

Ich finde die Hervorhebung von outline für :focus zu dezent.
Eine Hintergrundfarbe würde deutlicher sein:

a:focus {
outline: none;
background-color: pink;
}

Oder um alle IEs mit einzubeziehen:

a:focus, a:active {
outline: none;
background-color: pink;
}

Ich verwende offt die selbe Hervorhebung wie bei :hover:

a:hover, a:focus, a:active {
...
...
}

 

[Silentz]

Ok ich danke euch. Ich versuche das mal

 

[prm]

Klappt bei mir leider nur im FF und nicht im IE7.

Setzt dieser das outline evtl. nicht um?