✔ Verlinkung mit gestrichelter Linie

[perle93]

Hallo, ich habe eine Frage zu meiner Verlinkung, Jedes mal, wenn ich drauf klicke kommt eine sehr dünne blaue und gestrichelte Linie, habe ich die Chance das weg zu bekommen?

Danke euch

 

[chmee]

Du müsstest per CSS das Aussehen von a-Tags ändern.

http://www.devmag.net/css/29-css-links-gestalten.html

mfg chmee

 

[Maik]

Hi,

gestrichelt = gepunktet?

Dies ist der Fokus, den der Link automatisch beim Anklicken erhält, und auf diese Weise dem Nutzer angezeigt wird - ist beispielsweise hier bei uns im Forum auch nicht anders, wenn du mal darauf achtest.

Gecko-Browser (FF, Mozilla, Netscape) interpretieren dieses CSS:

a { outline:none }

Für alle anderen Browser, die ebenfalls den Fokus mit einer gepunkteten Linie anzeigen, wäre hier Javascript vonnöten:

<a href="" onfocus="this.blur()">

mfg Maik

 

[perle93]

Wollte kein CSS verwenden, aber wenn es nicht anders geht...,-( So sieht das ganze aus...

 

[Maik]

Wollte kein CSS verwenden, aber wenn es nicht anders geht...,-(

Kein CSS? Oder kein JS?

Ohne diese beiden Sprachen lässt sich (je nach Browser) die Fokus-Markierung nicht deaktivieren.

So sieht das ganze aus...

Jo, ist mir bekannt, denn das ist nicht ausschließlich bei dir der Fall, sondern der "Regelfall" in einem Webdokument.

mfg Maik

 

[perle93]

mir wäre CSS lieber, weil JS ist noch mehr Neuland als CSS;-))))

 

[Maik]

Wie in meiner ersten Antwort darauf hingewiesen, wird die CSS-Eigenschaft outline derzeit nur von den Gecko-Browsern unterstützt, und mit Blick auf die anderen Browser bedarf es zum Einfügen von onfocus="this.blur()" im <a>-Tag keiner sonderlichen Kenntnisse in JS.

mfg Maik

 

[perle93]

Ist s so richtig?

<style type="text/css">
a: {outline:none}
</style>

kann ich denn einfach in meine Seite das einbauen?

 

[Maik]

Ist s so richtig?

<style type="text/css">
a: {outline:none}
</style>

Nö, der Doppelpunkt hinter dem a-Element hat dort nichts verloren.

kann ich denn einfach in meine Seite das einbauen?

Jo. Oder in ein bereits existierendes Stylesheet aufnehmen, aber dann ohne <style></style>.

mfg Maik

 

[perle93]

meine Verlinkung in dem Bereich sieht so aus, das ein Mouseovereffekt da ist.

Beispiel:

<a style="position:absolute; top: 70px; left: 399px;" href="http://www.spillmannechsle.ch/seiten/office.htm" onmouseover="window.document.images[3].src = '../bilder/office_kontur.png'" onmouseout="window.document.images[3].src = '../bilder/office.png'">
<img src="../bilder/office.png" border="0" width="110" height="42"></a>



Wo muss das JS denn da rein?