text-decoration mit input – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self text-decoration mit input Wed, 10 Sep 08 10:41:36 Z https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287878#m1287878 https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287878#m1287878 <p>Servus,<br> ist es möglich den Text von einem input vom type Submit unterstreichen auf Firefox zu kriegen? Ich habe das css-Parameter text-decoration auf underline gesetzt und das Funktionniert korrekt unter Internet Explorer 6 und 7 aber unter Firefox wird der Text vom input normal angezeigt und nicht unterstrichen, wie ich mir wünsche. Hat jemand eine Idee woran es liegt und könnte mir jemand eine Lösung geben? So sieht mein Code aus</p> <pre><code class="block language-css"><span class="token selector">input.news</span> <span class="token punctuation">{</span> background-color<span class="token punctuation">:</span>#abae9b<span class="token punctuation">;</span> border<span class="token punctuation">:</span>none<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span>-55px<span class="token punctuation">;</span> color<span class="token punctuation">:</span>#4c4d48<span class="token punctuation">;</span> text-align<span class="token punctuation">:</span>right<span class="token punctuation">;</span> margin-left<span class="token punctuation">:</span>40px<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span>110%<span class="token punctuation">;</span> text-decoration<span class="token punctuation">:</span>underline<span class="token punctuation">;</span> <span class="token punctuation">}</span> [code lang=html] <input type=<span class="token string">"submit"</span> class=<span class="token string">"news"</span> value=<span class="token string">"Text"</span>></input> </code></pre> <p>[/code]</p> <p>Danke!</p> text-decoration mit input Wed, 10 Sep 08 10:58:58 Z https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287887#m1287887 https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287887#m1287887 <p>Die Formatierbarkeit von Formularelementen ist nicht garantiert.<br> Das gilt um so mehr bei <input>, als man nicht auf Textknoten des Elements, sondern auf den Wert des value Attributes zugreifen will.</p> <p>mfg Beat</p> <div class="signature">-- <br> Woran ich arbeite:<br> <a href="http://www.elcappuccino.ch/cgi/tok.pl?extern=1-pub-com3306-1" rel="nofollow noopener noreferrer">X-Torah</a><br>    <°)))o><                      ><o(((°>o<br> </div> text-decoration mit input Wed, 10 Sep 08 11:27:36 Z https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287879#m1287879 https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287879#m1287879 <p>@@Mabsito:</p> <blockquote> <p>ist es möglich den Text von einem input vom type Submit unterstreichen auf Firefox zu kriegen?</p> </blockquote> <p>Gibt es einen besonderen Grund, warum du 'input' für einen Submit-Button benutzt und nicht '<a href="http://de.selfhtml.org/html/formulare/formularbuttons.htm#modern@title=button" rel="nofollow noopener noreferrer">http://de.selfhtml.org/html/formulare/formularbuttons.htm#modern@title=button</a>'?</p> <p>Allerdings will der Firefox bei</p> <p>HTML: <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Text<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code><br> CSS:  <code class="language-css"><span class="token selector">button</span> <span class="token punctuation">{</span><span class="token property">text-decoration</span><span class="token punctuation">:</span> underline<span class="token punctuation">}</span></code></p> <p>immer noch nicht unterstreichen; bei</p> <p>HTML: <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Text<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code><br> CSS:  <code class="language-css"><span class="token selector">button span</span> <span class="token punctuation">{</span><span class="token property">text-decoration</span><span class="token punctuation">:</span> underline<span class="token punctuation">}</span></code></p> <p>hingegen tut er es.</p> <p>Live long and prosper,<br> Gunnar</p> <div class="signature">-- <br> <a href="http://memory-alpha.org/de/wiki/Erwerbsregeln_der_Ferengi" rel="nofollow noopener noreferrer">Erwebsregel</a> 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort. </div> text-decoration mit input Wed, 10 Sep 08 12:08:14 Z https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287886#m1287886 https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287886#m1287886 <p>Danke für deine Antwort! Jetzt klappt es ;)</p> <p>Schöne Grüße aus Bayern !</p> <blockquote> <p>@@Mabsito:</p> <blockquote> <p>ist es möglich den Text von einem input vom type Submit unterstreichen auf Firefox zu kriegen?</p> </blockquote> <p>Gibt es einen besonderen Grund, warum du 'input' für einen Submit-Button benutzt und nicht '<a href="http://de.selfhtml.org/html/formulare/formularbuttons.htm#modern@title=button" rel="nofollow noopener noreferrer">http://de.selfhtml.org/html/formulare/formularbuttons.htm#modern@title=button</a>'?</p> <p>Allerdings will der Firefox bei</p> <p>HTML: <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Text<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code><br> CSS:  <code class="language-css"><span class="token selector">button</span> <span class="token punctuation">{</span><span class="token property">text-decoration</span><span class="token punctuation">:</span> underline<span class="token punctuation">}</span></code></p> <p>immer noch nicht unterstreichen; bei</p> <p>HTML: <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Text<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code><br> CSS:  <code class="language-css"><span class="token selector">button span</span> <span class="token punctuation">{</span><span class="token property">text-decoration</span><span class="token punctuation">:</span> underline<span class="token punctuation">}</span></code></p> <p>hingegen tut er es.</p> <p>Live long and prosper,<br> Gunnar</p> </blockquote> text-decoration mit input Wed, 10 Sep 08 12:18:58 Z https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287880#m1287880 https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287880#m1287880 <p>Hi,</p> <blockquote> <p>Gibt es einen besonderen Grund, warum du 'input' für einen Submit-Button benutzt und nicht '<a href="http://de.selfhtml.org/html/formulare/formularbuttons.htm#modern@title=button" rel="nofollow noopener noreferrer">http://de.selfhtml.org/html/formulare/formularbuttons.htm#modern@title=button</a>'?</p> </blockquote> <p>... wenn ich auch mal klugscheissen darf: Vielleicht weil IE 7 und älter den button-tag einfach falsch verarbeiten ...</p> text-decoration mit input Wed, 10 Sep 08 12:40:08 Z https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287881#m1287881 https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287881#m1287881 <blockquote> <p>... wenn ich auch mal klugscheissen darf: Vielleicht weil IE 7 und älter den button-tag einfach falsch verarbeiten ...</p> </blockquote> <p>ich scheiß einfach mal einen größeren haufen als du:</p> <p>a) mein ie 6 und auf mein ie 7 und auch die beta 2 des ie 8 haben keinerlei probleme mit dem button-element (selbst im quirksmode ist es noch so, wie ich es möchte) - wenn du näher beschreiben kannst, was du mit "falsch verarbeiten" meinst, wäre ich dankbar</p> <p>b) <a href="http://meiert.com/de/publications/articles/20060924/" rel="nofollow noopener noreferrer">element, element, element!</a></p> text-decoration mit input Wed, 10 Sep 08 13:41:38 Z https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287883#m1287883 https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287883#m1287883 <p>Hi,</p> <p>klar, wollte das nur nicht total off topic treiben, aber auf Wunsch ...</p> <p>Such mal (vemeiden wir mal "google mal") nach "IE button tag".</p> <p>Neben diversen Hits u.a folgender.</p> <p>http://www.peterbe.com/plog/button-tag-in-IE</p> <p>Aus meinem Gedächtnis (die Links oben lügen ggf. im Gegensatz zu meinem Hirn nicht)<br> IE 6 und 7 haben Bugs.</p> <p>Schade eigentlich.</p> <p>IE 6 sendet alle Buttons des Forms als "gedrückt", IE 7 sendet den Text des Buttons, und nicht seinen Wert.</p> <p>Das kann ggf. trotzdem alles funktionieren, wenn man z.B. nur einen button pro form hat (IE 6), oder beim IE7 name und value identisch sind, oder man im backend "rumpfuscht".</p> <p>Offensichtlich muss es aber nicht korrekt funktionieren.</p> <p>Schade eigentlich.</p> <p>Der button-tag wäre eine feine Sache wenn er bugfrei wäre, aber ich bin wegen obiger Szenarien gezwungen den button tag zu meiden. Aus evolotions-technischen Gründen verzichte ich auch auf ihn an Stellen wo ich ihn im Moment noch nutzen könnte, da ich nicht weiss, wie sich meine Programme weiterentwickeln ... und ich will nicht den bestehenden Code meines Programms ändern müssen nur weil ein 2. Button in ein <form> muss => input buttons all the way.</p> <p>Schade eigentlich.</p> <p>Ich weiss nicht ob das im IE8 gefixed wird/wurde, aber da ja immer noch IE 5/6 durch die Gegend schwirren nutzt das kurzfristig wenig ob's gefixed wurde oder nicht, weil man sich im Web einfach nicht drauf verlassen kann.</p> <p>Schade eigentlich.</p> <p>Hope this helps ... und 'tschuldigung für's off-topic "posten", aber das originale Problem is offensichtlich eh schon gelöst.</p> text-decoration mit input Wed, 10 Sep 08 13:46:53 Z https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287882#m1287882 https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287882#m1287882 <p>Yerf!</p> <blockquote> <p>wenn du näher beschreiben kannst, was du mit "falsch verarbeiten" meinst, wäre ich dankbar</p> </blockquote> <p>Welche Fragen lässt das von Gunnar verlinkte SelfHTML-Kapitel hierbei offen?</p> <p>Gruß,</p> <p>Harlequin</p> <div class="signature">-- <br> <!--[if IE]>This page is best viewed with a webbrowser. <a href="http://www.opera.com" rel="nofollow noopener noreferrer">Get one today!</a><![endif]--> </div> text-decoration mit input Wed, 10 Sep 08 14:22:01 Z https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287884#m1287884 https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287884#m1287884 <blockquote> <p>klar, wollte das nur nicht total off topic treiben, aber auf Wunsch ...</p> </blockquote> <p>ich lass mich gerne mit neuen informationen versorgen</p> <blockquote> <p>http://www.peterbe.com/plog/button-tag-in-IE</p> </blockquote> <blockquote> <p>Der button-tag</p> </blockquote> <p>das button-element</p> <blockquote> <p>Schade eigentlich.</p> </blockquote> <p>ja, schade</p> <p>aber für formulare mit nur einem button sind sie problemlos einsetzbar - das in dem von dir verlinken post beschriebene problem hatte ich bisher noch nie ;)</p> <blockquote> <p>Hope this helps ... und 'tschuldigung für's off-topic "posten", aber das originale Problem is offensichtlich eh schon gelöst.</p> </blockquote> <p>nein, ich muss mich entschuldigen - ich hab dir einen haufen vor die tür gesetzt, obwohl du recht hattest ;)</p> text-decoration mit input Wed, 10 Sep 08 15:27:19 Z https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287885#m1287885 https://forum.selfhtml.org/self/2008/sep/10/text-decoration-mit-input/1287885#m1287885 <blockquote> <p>nein, ich muss mich entschuldigen - ich hab dir einen haufen vor die tür gesetzt, obwohl du recht hattest ;)</p> </blockquote> <p>Man lernt nie aus. Noch einen schönen <Tag> an das subversive Element.</p>