将提交按钮设置为常规文本链接 [英] styling a submit button as regular text link
问题描述
您好，
我想将提交按钮设置为常规文本链接。
demo： www.byteshift.de/msg/div/input-as-link-by-css （XHTML严格）
我申请了display：inline;余量：0;填充：0;"表格和
输入和"背景：无;边界：无;"仅对输入，
应该可以做到这一点，但它不会。
Gecko（使用Firefox1.0 / Win）不断增加空间向左和向右。
MSIE6在左侧，右侧和顶部增加了空间。
我知道如何使用JS处理这个问题，但是我我正在寻找一个CSS
解决方案。
我尝试了基于设置显式宽度，高度的解决方案，
位置：绝对/相对或负边距/填充，它们会在
字体大小被css更改或被用户覆盖时中断 - 他可以
在
$ b $中执行b例如。 safari / gecko / khtml。
此外，当内容发生变化时，它们会中断，因此很难支持
mantain。
有什么建议吗？
Marek
BTW：
我不能发布到dp-news.maxwell.syr.edu使用邮件客户端，我保持
获得440 Posting Not Allowed。
我不知道是否需要，但是我申请并使用 bn**@gmx.net 获得了LISTSERV
密码，但在尝试登录时
" listserv.uga.edu / cgi-bin / wa？P1& L = sas-l"我一直得到......你不是
被授权从您输入的地址发布到SAS-L列表
登录屏幕。我该怎么办？
Hello,
I''d like to style a submit button as regular text link.
demo: www.byteshift.de/msg/div/input-as-link-by-css (XHTML strict)
I applied "display:inline; margin:0; padding:0;" to both the form and
the
input and "background:none; border:none;" to the input only,
which should do the trick, but it doesn''t.
Gecko (using Firefox1.0/Win) keeps adding space to the left and right.
MSIE6 adds space to the left, right and top.
I know how to deal with this using JS, but I''m looking for a CSS
solution.
I tried solutions based on setting explicit width, height,
position:absolute/relative or negative margin/padding, they break when
fontsizes are changed by css or overridden by the user - which he can
do in
eg. safari/gecko/khtml.
Besides, they''d break when the content changes, so it would be hard to
mantain.
Any advice?
Marek
BTW:
I cant''t post to dp-news.maxwell.syr.edu using a mail client, I keep
getting "440 Posting Not Allowed".
I don''t know if it''s needed, but I applied for and got a LISTSERV
password using bn**@gmx.net, but when trying to login to
"listserv.uga.edu/cgi-bin/wa?P1&L=sas-l" I keep getting "...you are not
authorized to post to the SAS-L list from the address you entered in
the login screen". What can I do?
推荐答案
bn ** @ gmx.net 写道：
您好，
我想将提交按钮设置为常规文本链接。
演示： www.byteshift.de/msg/div/input- as-link-by-css （XHTML严格）
我申请了display：inline;余量：0;填充：0;"形式和
输入和背景：无;边界：无;"只有输入，
应该可以做到这一点，但事实并非如此。
Gecko（使用Firefox1.0 / Win）不断向左右添加空间。 MSIE6在左侧，右侧和顶部增加了空间。
我知道如何使用JS处理这个问题，但我正在寻找一个CSS
解决方案。
我尝试了基于设置显式宽度，高度，
位置：绝对/相对或负边距/填充的解决方案，当用户通过css更改字体大小或用户覆盖时，它们会中断 - 可以
做
例如。 safari / gecko / khtml。
此外，当内容发生变化时，它们会中断，所以很难保持原状。
有什么建议吗？马立克
顺便说一句：
我不能使用邮件客户端发布到dp-news.maxwell.syr.edu，我保持
获取440发布不允许。
我不知道是否需要，但我申请并使用密码gmx.net> bn ** @ gmx.net ，但在尝试登录
listserv.uga.edu/cgi-bin/wa？P1& L = sas-l时我一直得到......您没有被授权从您在登录屏幕中输入的地址发布到SAS-L列表。我该怎么办？
Hello,
I''d like to style a submit button as regular text link.
demo: www.byteshift.de/msg/div/input-as-link-by-css (XHTML strict)
I applied "display:inline; margin:0; padding:0;" to both the form and
the
input and "background:none; border:none;" to the input only,
which should do the trick, but it doesn''t.
Gecko (using Firefox1.0/Win) keeps adding space to the left and right.
MSIE6 adds space to the left, right and top.
I know how to deal with this using JS, but I''m looking for a CSS
solution.
I tried solutions based on setting explicit width, height,
position:absolute/relative or negative margin/padding, they break when
fontsizes are changed by css or overridden by the user - which he can
do in
eg. safari/gecko/khtml.
Besides, they''d break when the content changes, so it would be hard to
mantain.
Any advice?
Marek
BTW:
I cant''t post to dp-news.maxwell.syr.edu using a mail client, I keep
getting "440 Posting Not Allowed".
I don''t know if it''s needed, but I applied for and got a LISTSERV
password using bn**@gmx.net, but when trying to login to
"listserv.uga.edu/cgi-bin/wa?P1&L=sas-l" I keep getting "...you are not
authorized to post to the SAS-L list from the address you entered in
the login screen". What can I do?
如果你用足够长的样式捣乱，你会发现
的作用。你能否提供隐藏提交按钮的明智理由？
-
Fred
If you muck around with styles long enough you will discover what to
do. Can you provide a sensible reason for hiding a submit button?
--
Fred
bn ** @ gmx.net 写道：
你好，
我想设置一个提交按钮为常规文字链接。
演示： www.byteshift.de/msg/div/input-as-link-by-css （XHTML严格）
[snip]
Gecko（使用Firefox1） .0 / Win）不断向左边添加空格，向右边增加
。 MSIE6在左侧，右侧和顶部增加了空间。
我尝试了基于设置显式宽度，高度，
位置：绝对/相对或负边距/填充的解决方案，当字体化时，它们会突破
由css改变或被用户覆盖 - 他可以在例如。 safari / gecko / khtml。
Hello,
I''d like to style a submit button as regular text link.
demo: www.byteshift.de/msg/div/input-as-link-by-css (XHTML strict)
[snip]
Gecko (using Firefox1.0/Win) keeps adding space to the left and right. MSIE6 adds space to the left, right and top.
I tried solutions based on setting explicit width, height,
position:absolute/relative or negative margin/padding, they break when fontsizes are changed by css or overridden by the user - which he can
do in eg. safari/gecko/khtml.
您可以*做的是在各种浏览器中研究这种效果，工作
究竟是如何依赖的在每个人的字体大小，然后使用
各种CSS解析错误给每个浏览器不同的CSS ...
问题是按钮设计看起来不像链接 -
按钮用于执行某些操作（如提交表单），
而链接只是去某处（并且不做路上的任何事情。
-
萨法拉（斯蒂芬莫利）
http://www.safalra.com/hypertext/
What you *could* do is study this effect in various browsers, working
out how exactly it depends on font size in each of them, and then use
the various CSS parsing bugs to give each browser different CSS...
The problem is that buttons are not designed to look like links -
buttons are intended to perform some action (like submitting a form),
whereas links just go somewhere (and don''t do anything on the way).
--
Safalra (Stephen Morley)
http://www.safalra.com/hypertext/
>如果你习惯了足够长的样式，你会发现
> If you muck around with styles long enough you will discover what to
做了什么。
显然，你没有明白这一点......我已经知道了这个问题并且
解释了如何：
do.
Obviously, you didn''t get the point ...I already DID muck around and
explained how:
我尝试了基于设置显式宽度，高度，
位置的解决方案：绝对/相对或负边距/填充...
但是： ...当字体变化发生变化时它们会中断......或者......当内容
I tried solutions based on setting explicit width, height,
position:absolute/relative or negative margin/padding...
BUT: ...they break when fontsizes are changed... or ...when the content
发生变化时...
你能提供吗？隐藏提交按钮的合理原因是什么？
changes...
Can you provide a sensible reason for hiding a submit button?
使用PHP会话时，链接通过长查询转移会话ID =仅
字符串，这会误导搜索引擎更多往往不是为了b
$ b不需要和不可预测的索引结果，因为有些人开始解释
查询字符串，但还不明智。除了URL多次，因为长度超过需要与提供访问者
的概念相反，其中包含可以轻松记住和输入的短URL。在某些情况下使用mod_perl来保证状态会有所帮助，但我不能告诉我的
客户端只要适合我就切换服务器/提供商。因此，在一些
的情况下，建议通过POST而不是GET来传输状态。
使用表单元素填充文本块是不雅观的。 />
When using PHP sessions, links transfer sessions-IDs by long query
strings only, this misleads search engines more often than not to
unwanted and unpredictable indexing results, as some begin to interpret
query strings, but not yet sensibly so. Besides URLs several times as
long than needed are contrary to the concept of providing the visitor
with short URLs that can remembered and typed easily. Using mod_perl to
preserve states would help in some situations, but I can''t tell my
clients to switch server/provider whenever it suits me. So, in some
situations, it''s advisable to transfer states by POST and not by GET.
Stuffing text blocks with form elements is unsightly, though.
这篇关于将提交按钮设置为常规文本链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
