Vier gefällt mir dahingehend weniger, weil er im Fx so einen komischen Rand beim Klicken bekommt:
Und Eins ist konsistent mit dem Button für das Ausklappen von Zitaten.
Vielleicht macht ein HTML-Button in anderen Browsern aber tatsächlich mehr Sinn.
Die erste
Die zweite
Die dritte
Die vierte
Vier gefällt mir dahingehend weniger, weil er im Fx so einen komischen Rand beim Klicken bekommt:
Und Eins ist konsistent mit dem Button für das Ausklappen von Zitaten.
Vielleicht macht ein HTML-Button in anderen Browsern aber tatsächlich mehr Sinn.
Das einzige, was mich an den Dingern stört, ist, dass der Text-Cursor kommt. Mit einem "cursor: default;" fände ich persönlich das viel besser, weil man dann auch gleich merkt, das das ein Button ist, und kein merkwürdig gestylter Text.
Dann hätte man (jetzt für die Spoiler) praktisch 4 ohne die ganzen Abweichungen und die gestrichelte Linie.
Falls man das noch macht bin ich für 1, ansonsten für 4.
Eins scheint in Konqueror und Øpera eher untollig zu sein.
Konqui weiß oft nicht, ob er Mehrfachklicks als Markierung oder Befehl zum Öffnen ansehen soll.
Øpera öffnet zudem beim Markieren von Text ein Kontextmenü.
In Elinks (Textbrowser) sehen nur Eins und Vier passabel aus, bei Zwei und Drei wird der Text doppelt angezeigt. Das Verstecken scheint da aber nicht zu funktionieren. Muss ich weiterschauen.
edit: Die doppelte Anzeige des Textes kommt wohl nur daher, dass dieser beide male als value gesetzt und das JS nicht richtig interpretiert wird.
Zwei und Drei sehen allgemein aufgrund unterschiedlicher Toolkits in vielen Browsern anders aus. In Midori (WebKit, GTK) z.B. ist ein ziemlich breiter Zwischenraum zwischen den Randlinien und dem Button.
An die anderen Firefox-Nutzer, habt ihr auch so einen Rand beim Klicken von Vier:?
Bei Kazehakase (auch Gecko) das gleiche. Bei Midori passiert das nicht. Bei Konqueror sieht es ganz eklig aus, in Opera wird der Button ohne abgerundeten Rand angezeigt.
Geändert von Don Cuan (13.03.2009 um 00:21 Uhr)
Nummer 4.
Wo ist der Unterschied zwischen #1 und #4? oO
Naja, habe für den Zweiten gestimmt.
Und Auswahlmöglichkeiten? Supi! Ihr lernt dazu, nur weiter so.![]()
![]()
Das liegt daran, daß der erste nur ein Textfeld (genauer gesagt ein Legend-Element) ist, auf dem ein onclick-Event liegt, und der vierte ein CSS styled Button, der sich dem Design des Legend-Elements anpaßt. Theoretisch sehen die beiden fast identisch aus, wenn man von den kleinen Unterschieden, welche die verschiedenen Browser daraus machen, mal absieht.
Das mit dem Cursor ist kein Problem (hab's gerade im Testforum mal gemacht), aber mich nervt an dem ersten Ding, daß man dauernd, wenn man darauf rumklickt, den Text in dem Legend-Element markiert. CSS und HTML bieten leider keine passable Methode an, um Text als unselectable zu rendern. Mit Js gäb's da was, aber ich will nicht wirklich ein Js dafür schreiben. Ich probiere gerade, irgendwie ein auf dem z-Index verschobenes div oder span oder so drüberzulegen, aber das ist auch nicht wirklich effektiv.
Mal sehen, hoffentlich finde ich da noch was.
Hab zwar schon für Nummer 2 abgestimmt, das war aber, bevor ich den Thread überflogen und Nummer 4 entdeckt hatte ^^
Nummer 4 for the win!
Bei mir ist auch so ein komischer Rand zu sehen, find ich jetzt aber nicht so tragisch (mit einem Klick mehr an eine andere Stelle ist der ja wieder weg).