[Vista_Fan]

hi

wenn man auf meinen kontakt GIF Button klickt, dann sieht man einen Rand der dann auch bleibt. kann ich das irgendwie verhindern?




hier sieht man es. immer wenn man den button betätigt, dann bleibt das so. es sei denn ich klicke auf einen anderen button. ich finde das störend, oder liegt das einfach nur an firefox ?

Dieser Beitrag wurde von Vista_Fan bearbeitet: 02. Februar 2007 - 13:08

[tobiasndw]

<input type="button" onfocus="this.blur()" value="Hier klicken" />

[Vista_Fan]

Zitat (tobiasndw: 02.02.2007, 13:09)

<input type="button" onfocus="this.blur()" value="Hier klicken" />

<img src="flash/kontakt.gif" width="118" height="12" border="0" />

wie bau ich das zusammen ? so ist es bisher


so ?


<input type="button" onfocus="this.blur()" value="flash/kontakt.gif" />

also das sieht komisch aus... da ist mein GIF datei weg und danns teht nur hier klicken dran ! das ist keine alternative

<input type="button" onfocus="this.blur()" value="flash/kontakt.gif" />

so rum sieht es nach nichts aus

ich möchte doch das meine GIF datei mein Button ist. hast du mir dafür einen html code?

auch wenn ich bei meinem code einfach nur onfocus="this.blur()" einbaue, bleibt der rand beim drücken. am liebsten wäre es mir wenn er gar nicht kommt

Dieser Beitrag wurde von Vista_Fan bearbeitet: 02. Februar 2007 - 13:36

[Witi]

<input type="image" src="flash/kontakt.gif" onfocus="this.blur()" alt="Klick"/>

Alternativ:

<button name="Klickmich" type="button"
	  value="Überraschung" onclick="alert('Überraschung!');">
	  <p>
		<img src="selfhtml.gif" width="106" height="109" alt="SELFHTML Logo"><br>
		<b>Was passiert wohl?</b>
	  </p>
	</button>

http://de.selfhtml.org/html/formulare/klic...tons.htm#modern

Dieser Beitrag wurde von Witi bearbeitet: 02. Februar 2007 - 13:36

[Vista_Fan]

tolle sache

jetzt gehts !! danke euch beiden witi und tobiasndw

[Witi]

Vielleicht noch zur Information hinterher.

blur() ist eine javascript-Funktion, was bedeutet, dass es auf Browsern mit ausgeschaltetem javascript nicht funktionieren wird. Und erfahrene Leute surfen nun mal ohne JS und machen es nur bei Bedarf an.
Hier hast du ein schönes Beispiel. Mit ausgeschaltetem JS ist das Ding fürn Popo...
http://de.selfhtml.org/javascript/objekte/...ements_blur.htm

[Vista_Fan]

ist deine oben genannte alternative ohne JS ?

weil wenn ja, wäre es ja sinnvoller das ich die benutzte, oder? wo muß ich denn bei der alternative, meinen LINK zum button einbauen?

Dieser Beitrag wurde von Vista_Fan bearbeitet: 02. Februar 2007 - 13:53

[Rika]

Es gibt keine. Um nicht zu sagen: Bei Mozilla SeaMonkey hat man sogar eine Funktion, mit der man die Umrandung sogar noch für zusätzliche Objekte erzwingen und deutlicher darstellen kann. Warum willst du also ein sinnvolles Feature kaputtmachen?

[Vista_Fan]

weil es nicht in jedem fall sinnvoll ist

ich will nur etwas das ich nicht brauche unterdrücken

[Rika]

Wieso willst du entscheiden, was die Benutzer wollen?

Schon mal an Tastaturnavigation gedacht? Oder ganz einfach visuelle Darstellung, wo der Fokus liegt?

[asko]

Man kann die Umrandung auch ohne JS unterdrücken. CSS bietet dafür extra die outline-Eigenschaft - die im IE allerdings erst ab Version 7 funktioniert.

<a href="#" style="outline: 0px dotted invert;">Link ohne Umrandung mit CSS outline</a>

Eine XHTML Variante die auch im IE 6 funktioniert wäre hidefocus.

<a href="#" hidefocus="hidefocus">Link ohne Umrandung mit hidefocus</a>

Die hidefocus Variante hat 2 gravierende Nachteile. 1) es ist nicht valide 2) es kann nicht durch CSS zugewiesen werden, wodurch es für jeden Link manuell angefügt werden muß.
Wie Rika aber schon sagte, sollte man darauf verzichten, weil es Besucher ausgrenzt bzw stark einschränkt die nicht "normal" surfen.

Gruß Andy