Question

我正在尝试将图片用于提交按钮

<?php echo $this->Form->submit('/img/prelaunch/btn_signup.gif'); ?>

这就是我正在使用的代码。但图像无法加载图像出现在以下目录

中

的Webroot / IMG /发射前/

的的 ** **更新

HTML生成

<div class="submit">
<input type="image" src="/ginger/img/prelaunch/btn_signup.gif">
</div>

网站基本网址 http://bakasura.in/ginger/

网址 http://bakasura.in/ginger/users/signup

图片网址 http://bakasura.in/ginger/img/prelaunch/btn_signup.jpg

Answer 1

图片是jpg，你在提交按钮源代码中放了一个gif。简单的错误：D

Answer 2

另一种解决方案是：

<?php echo $form->submit('Sign up', array('type'=>'image','src' => '/img/prelaunch/btn_signup.gif'));  ?>

来自：http://php-freelancer.in/2010/04/28/cakephp-how-to-make-image-submit-button/

Answer 3

只需在css中创建一个类名并添加图像

形式 - ＆GT;提交（ '提交'，阵列（ '类'=＆GT; '显示图像'））; ？＆GT;

CSS

.show图像{ 背景图像：网址（../ IMG /发射前/ btn_signup.gif）;背景重复：不重复;显示：块;宽度：30像素;高度：30pxtext变换：利用; }

Answer 4

我使用我的under app / webroot / img中的图像创建了一个自定义按钮，该图像使用内联样式指定大小并将位置更改为居中

$options=array('type'=>'Make secure payment', 'type'=>'image', 'style'=>'width:200px; height:80px; display:block; margin-left:auto; margin-right:auto;');
echo $this->Form->submit('/img/axiaepaysecurebuttongray_med.png', $options);
echo $this->Form->end();

CakePHP提交按钮图片

4 个答案:

CSS