开启辅助访问 切换到宽版

 找回密码
 注册

QQ登录

只需一步，快速开始

»论坛 › 网站开发区 › 前端技术专栏 › 想实现这种效果的宽度自由伸缩,应该怎样去做呢?
返回列表 发新帖
查看: 1860|回复: 6

[求助] 想实现这种效果的宽度自由伸缩,应该怎样去做呢?

[复制链接]
christineliuj
发表于 2008-6-24 11:58:30 | 显示全部楼层 |阅读模式
想实现这种效果的宽度自由伸缩,应该怎样去做呢?
table的方式是建一个一行三列的表格.然后左边,右边分别放图片,中间是平铺背景.但是DIV怎么做?用嵌套么?
如果是嵌套,可以把代码发一下么?谢谢
dh.jpg
回复

使用道具 举报

houjie828
发表于 2008-6-24 12:42:31 | 显示全部楼层

 提示：您可以先修改部分代码再运行



只是给你写了个思路,把背景颜色改成你要的背景图片,并结合position来控制就好了.第一次写个来帮大家.写的不好,不要见怪

[[i] 本帖最后由 houjie828 于 2008-6-24 12:59 编辑 ]
回复 支持 反对

使用道具 举报

kouyubo
发表于 2008-6-24 12:51:57 | 显示全部楼层
<style type="text/css">
li,a,span{ float:left}
span,a{ background:#c00 url(dh.jpg) no-repeat right top; line-height:26px;height:26px}
span{ padding-left:15px; background-position:left top}
a{ padding-right:15px; text-decoration:none; color:#fff; font-weight:bold}
</style>
<ul>
<li><a href="#"><span>标题</span></a></li>
</ul>
回复 支持 反对

使用道具 举报

yoom
发表于 2008-6-24 13:33:08 | 显示全部楼层
我级别太低不能上传附件，我发给你，你把邮箱贴出来或发短信息给我。
背景图片应该错下位，那样才能自动适应。
回复 支持 反对

使用道具 举报

yoom
发表于 2008-6-24 13:35:50 | 显示全部楼层
我这个也有点问题，你把图片宽度加大（设置为最长可能的宽度）。

 提示：您可以先修改部分代码再运行


[[i] 本帖最后由 yoom 于 2008-6-24 13:37 编辑 ]
回复 支持 反对

使用道具 举报

jxdawei
发表于 2008-6-24 13:39:23 | 显示全部楼层
文章：http://www.w3cn.org/article/translate/2005/112.html
示例：http://www.w3cn.org/article/translate/2005/v1/ex6.html

多看，多想，多实践！
回复 支持 反对

使用道具 举报

christineliuj
 楼主| 发表于 2008-6-24 13:40:57 | 显示全部楼层
谢谢大家的咯,我现在就去试试.感动中……555555
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Html Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-1-17 23:31 , Processed in 0.071409 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表