主题:  求助:为什么会这样???

moonly

职务:普通成员
等级:4
金币:2.0
发贴:1614
#12004/4/26 15:04:58
各位大虾请看______________
上面这幅图是
<input type="file"的按钮
我要给文本框后面的按钮定义样式
可是看第二张图,背景都到文本框里去了
如何定义这里的按钮呢???


图片如下:


图片如下:

编辑历史:[此帖最近一次被 moonly 编辑过(编辑时间:2004-04-26 15:55:08)]


=ridincal=

职务:管理员
等级:7
金币:20.0
发贴:5886
#22004/4/26 15:31:19

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



moonly

职务:普通成员
等级:4
金币:2.0
发贴:1614
#32004/4/26 15:41:00
我要做成这样的效果
图片如下:



moonly

职务:普通成员
等级:4
金币:2.0
发贴:1614
#42004/4/26 17:50:41


求助大虾们!!!!!!!!!!!



=ridincal=

职务:管理员
等级:7
金币:20.0
发贴:5886
#52004/4/26 21:58:47
你自己修改一下我给的代码就可以了呀,在Div中插入你的图片或者设为背景样式就可以了



moonly

职务:普通成员
等级:4
金币:2.0
发贴:1614
#62004/4/27 9:25:09
不成
按你的方法

图片如下:

本页代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<link href="css/green.css" rel="stylesheet" type="text/css">
</head>

<body>
<div style="position:relative;left:0;top:0" class="INPUT_BUTTON_Disable_file">
<!--codewrittenbyridincal-->
<input id="oFile" type="file" style="position:absolute;left:0;top:0">
<div style="text-align:center;padding-top:2;font-size:12px;background-color:white;position:absolute;left:156;top:0;width:100;height:22;borderutset 2px" onmousedown="oFile.click()">
浏览文件
</div>
</input>
</div>
<p>&nbsp;</p>
<table width="90%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td class="INPUT_BUTTON_Disable_file">&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

样式书写如下:
.INPUT_BUTTON_Disable_file {
    background-image: url(../image/share/INPUT_BUTTON_Disable_file.gif);
    height: 21px;
    width: 200px;
    background-repeat: no-repeat;
    padding-left: 150px;
    border: 1px #CCCCCC;
}


实在没有办法
望指教



=ridincal=

职务:管理员
等级:7
金币:20.0
发贴:5886
#72004/4/27 9:56:47
直接把background-image: url(../image/share/INPUT_BUTTON_Disable_file.gif);放到DIV的style属性中



moonly

职务:普通成员
等级:4
金币:2.0
发贴:1614
#82004/4/27 10:51:05
我要实现换肤功能的
放在div style中就不能搞换肤功能了



=ridincal=

职务:管理员
等级:7
金币:20.0
发贴:5886
#92004/4/27 11:03:11
Why not?
那你就改成内部样式标不就可以了
<style>
.buttonStyle{text-align:center;padding-top:2;font-size:12px;background-image:url(../image/share/INPUT_BUTTON_Disable_file.gif);position:absolute;left:156;top:0;width:100;height:22}
</style>
<div class="buttonStyle">



moonly

职务:普通成员
等级:4
金币:2.0
发贴:1614
#102004/4/27 11:08:04
我的页面中所有图片都是用样式定义的
而且样式不能写在单个页面中
都是靠link调用进去的

我只能告诉程序员这个button或这个link\td\table的class=" "就必须要实现效果

这两天这问题头疼死我了

原来只考虑到用button的样式
可是<input type="file"的按钮和一般的不一样的
晕啊~~~~~~~~~~~~~~~~~~~~



=ridincal=

职务:管理员
等级:7
金币:20.0
发贴:5886
#112004/4/27 11:12:58
那就把上面的代码放到你所说的CSS文件中阿



=ridincal=

职务:管理员
等级:7
金币:20.0
发贴:5886
#122004/4/27 11:37:51
背景图的位置对吗?最好给个网址



=ridincal=

职务:管理员
等级:7
金币:20.0
发贴:5886
#132004/4/27 11:40:22
没有Button的背景图!



moonly

职务:普通成员
等级:4
金币:2.0
发贴:1614
#142004/4/27 11:44:49

图片如下:


没有网址
这个软件是订制的

编辑历史:[此帖最近一次被 moonly 编辑过(编辑时间:2004-04-27 13:18:59)]


moonly

职务:普通成员
等级:4
金币:2.0
发贴:1614
#152004/4/27 15:13:05
ridincal

老大!!!!!!!!!!!!!!!
你休息到几点啊
快帮忙我啊!!!!!!!!!!!!!!!!!!!!!!!!!!
一直等你