0

我正在尝试为使用图像背景的基本 HTML 表单设置样式:

<form style="
    background:url(http://moneythink.org/wp-content/uploads/2012/06/Moneythink-Newsletter-Signup-Background.jpg) no-repeat; 
    padding:90px 0px 60px 122px;">
    <input type="email" value="Email" name="EMAIL" 
        class="required email" id="mce-EMAIL" 
        style="width: 100px;" style="padding-bottom: 5px;"> 
    <input type="image" src="http://moneythink.org/wp-content/uploads/2012/06/Submit-Button.jpg" 
        alt="Submit button" style=" padding-left: 57px; padding-bottom: -40px;" 
        name="subscribe" id="mc-embedded-subscribe">
</form> 

一切都按预期进行,但由于某种原因,我无法让“提交”按钮直接出现在文本字段下方;它一直出现在它旁边,在右边。

有关如何解决此问题的任何提示?

4

3 回答 3

4

在 CSS 中,应用于display: block提交按钮,或者 - 如果使用浮动布局 - clear: both

这会将按钮呈现为流程中的块级元素,从而产生所需的布局。

参考

于 2012-06-10T08:55:16.050 回答
1

使用样式表。内联 CSS 会让你的眼睛流血。

完成此操作后,制作按钮块级元素可能会成功(取决于您所需的布局):

form input[type="image"] {
  display: block;
}
于 2012-06-10T08:56:37.787 回答
0
<html>

<style>
--your style--  
</style>

<body>
<form>
 --your class-- 
</form>
</body>

</html>

像这样(对于阴影文本 php):

<?php

echo "<html>";
echo "<head>";

echo "<style>";

echo '.inner_text_shadow{text-shadow: 1px 1px white, -1px -1px #444;}';
echo '.default{font-size:30px;color: darkred;font-weight:bold;}';
echo '</style>';
echo '<body>   <p class="inner_text_shadow default">FreeClup Best Code</p></body>';
echo "</html>";
?>
于 2012-06-10T13:31:07.563 回答