hasch
09-07-2006, 19:33
Gibt es eine CSS Eigenschaft, mit der ich den Wert eines Submit-Buttons verbergen kann? Sinn soll sein, dass bei aktiviertem CSS eine Grafik als Button angezeigt wird, bei nicht aktiviertem der Text. :)
- Ad -
| Zurück zum Forum |
|
Archiv verlassen und diese Seite im Standarddesign anzeigen : hasch 09-07-2006, 19:33 Gibt es eine CSS Eigenschaft, mit der ich den Wert eines Submit-Buttons verbergen kann? Sinn soll sein, dass bei aktiviertem CSS eine Grafik als Button angezeigt wird, bei nicht aktiviertem der Text. :) \²³/ 09-07-2006, 21:09 Gib dem Button eine id:<input type="submit" name="submit" value="Senden" id="senden" /> Im CSS notierst du #senden{ display: none; } Edit: Ich habe grade nochmal genau gelesen: Original geschrieben von hasch den Wert eines Submit-Buttons verbergenWas meinst du damit? Soll der Button verschwinden, dann gilt oberes. hasch 09-07-2006, 21:31 Der Wert eines Buttons ist die value-Eigenschaft => ergo: der angezeigte Text im Button. :) hasch 10-07-2006, 20:29 Niemand eine Idee? illusion 10-07-2006, 20:58 ? hasch 10-07-2006, 21:21 Original geschrieben von illusion ? Was soll dies ausdrücken? jmc 11-07-2006, 10:56 Original geschrieben von hasch Gibt es eine CSS Eigenschaft, mit der ich den Wert eines Submit-Buttons verbergen kann? Sinn soll sein, dass bei aktiviertem CSS eine Grafik als Button angezeigt wird, bei nicht aktiviertem der Text. :) Was meinst du damit? Es ist noch nicht allzu klar denk ich mal. Willst du einen anderen Wert als im Quelltext angezeigt wird übergeben? Wenn ja, warum? hasch 11-07-2006, 16:41 Ich habe doch schon geschrieben, was ich möchte. Ich möchte, dass der Button-Wert nicht angezeigt wird, d.h. das value-Attribut. <input type="submit" value="senden" /> Bei aktiviertem CSS soll der value-Wert "senden" nicht angezeigt werden, da dort ein Hintergrundbild im Button angezeigt wird, bei abgeschaltenen CSS soll dann aber der Wert "senden" wieder enthalten sein, da sonst ein leerer Button zu sehen ist, was nicht dem barrierefreien Webdesign entspricht. :) Kropff 11-07-2006, 16:52 was nicht dem barrierefreien Webdesign entspricht wie wäre es denn mit <input type="image" src="bla.gif" title="Senden" /> das wird von screen-readern meines wissens nach erfasst. gruß peter Happy Nihilist 11-07-2006, 16:53 Original geschrieben von hasch Ich habe doch schon geschrieben, was ich möchte. Ich möchte, dass der Button-Wert nicht angezeigt wird, d.h. das value-Attribut. <input type="submit" value="senden" /> Bei aktiviertem CSS soll der value-Wert "senden" nicht angezeigt werden, da dort ein Hintergrundbild im Button angezeigt wird, bei abgeschaltenen CSS soll dann aber der Wert "senden" wieder enthalten sein, da sonst ein leerer Button zu sehen ist, was nicht dem barrierefreien Webdesign entspricht. :) font-size:0px; wäre mein Vorschlag. Musst den Button dann aber mit CSS relativ genau definieren. wahsaga 11-07-2006, 17:06 Original geschrieben von Happy Nihilist font-size:0px; wäre mein Vorschlag. Wird nicht funktionieren bei Nutzern, die eine Mindestschriftgröße vorgegeben haben. prego 11-07-2006, 17:16 input type image ist hier die richtige Wahl! Wieso verrenkungen mit CSS machen wenn es seit HTML 3.2 ein entsprechenden Element für genau das gibt? http://de.selfhtml.org/html/formulare/formularbuttons.htm#grafische afaik ist dann value der "alt" Wert der Grafik, oder gibt dadrin auch alt=""? hasch 11-07-2006, 17:17 Original geschrieben von Kropff das wird von screen-readern meines wissens nach erfasst. Danke, das title-Atrribut ist eine Möglichkeit. Sofern es von Screen-Readern erfasst wird. Danke :) @Happy Nihilist Font-size:0; funktioniert nicht in allen Browsern. prego 11-07-2006, 17:30 ansonsten übrigens folgendes: <button type="submit"> <img src="bild.gif" alt="Senden" /> </button> Damit biste aus allem raus... Happy Nihilist 11-07-2006, 20:20 Original geschrieben von wahsaga Wird nicht funktionieren bei Nutzern, die eine Mindestschriftgröße vorgegeben haben. Da hste wohl auch wieder wahr. Und ja, ich habs tatsächlich nur schnell mal im Firefox ausprobiert. goth 12-07-2006, 01:52 Original geschrieben von prego ansonsten übrigens folgendes: <button type="submit"> <img src="bild.gif" alt="Senden" /> </button> Damit biste aus allem raus... Klar ... vor allem weil das auch jeder Browser vollkommen korrekt unterstützt ... prego 12-07-2006, 09:35 Ok, dann klär mich kurz auf. Ich ging bisher davon aus das das in keinem Browser ein wirkliches Problem ist - selfhtml sagt mir da das selbe: http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern wahsaga 12-07-2006, 09:59 Die Anzeige ist im IE nicht das Problem - aber das, was er beim Abschicken eines Formulars über solche Buttons an Werten übermittelt ... jmc 12-07-2006, 10:20 was hältst du von einem type-image button der erst ein Bild hat das einfach Senden anzeigt als ob es ein normaler Button wäre und dann mit css zum anderen Bild wechseln lässt? |
|