CakePHP 提交按钮图像
我正在尝试使用图像作为提交按钮,
<?php echo $this->Form->submit('/img/prelaunch/btn_signup.gif'); ?>
这就是我正在使用的代码。但图像无法加载图像存在于以下目录中
Webroot/img/prelaunch/
**更新**
HTML 生成的
<div class="submit">
<input type="image" src="/ginger/img/prelaunch/btn_signup.gif">
</div>
Webiste 基本 URL http://bakasura.in/ginger/
URL http://bakasura.in/ginger/users/signup
图片 URL http://bakasura.in/ginger/img/prelaunch/btn_signup.jpg
I am trying to use image for a submit button
<?php echo $this->Form->submit('/img/prelaunch/btn_signup.gif'); ?>
thats the code i am using. but the image is not able to load The image is present in the following directory
Webroot/img/prelaunch/
**Updated**
HTML Generated
<div class="submit">
<input type="image" src="/ginger/img/prelaunch/btn_signup.gif">
</div>
Webiste Base URL http://bakasura.in/ginger/
URL http://bakasura.in/ginger/users/signup
Image URL http://bakasura.in/ginger/img/prelaunch/btn_signup.jpg
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
图像是jpg,您在提交按钮源代码中放入了gif。简单的错误:D
The image is a jpg, you have put a gif in the submit button source code. Simple mistake :D
另一个解决方案是:
来自: http: //php-freelancer.in/2010/04/28/cakephp-how-to-make-image-submit-button/
Another solution is:
from: http://php-freelancer.in/2010/04/28/cakephp-how-to-make-image-submit-button/
只需在css中创建一个类名并添加图像
Form->submit('submit',array('class'=>'show-image')); ?>
CSS
.show-image{
背景图像:url(../img/prelaunch/btn_signup.gif);背景重复:不重复;显示:块;宽度:30px;高度:30px 文本变换:大写;
}
Just create a class name in css and add the image
Form->submit('submit',array('class'=>'show-image')); ?>
CSS
.show-image{
background-image:url(../img/prelaunch/btn_signup.gif); background-repeat:no-repeat; display:block; width:30px; height:30pxtext-transform:capitalize;
}
我使用 app/webroot/img 下的图像创建了一个自定义按钮,该按钮使用内联样式来指定大小并将位置更改为中心
I created a custom button using an image in my under app/webroot/img that uses inline style for specifying size and changing the position to center