疑难问题：

图片＋文字

不过图片是通过背景定位取图的应该怎么写
jayfunk 2010-01-13 11:33:54
环境：vs2008+文件系统网站＋网页母版设计

问题：如题
html代码如下：
<div id="mytitle">
<h1 id="footer_t_1">
<div style="background-image: url(images/footer_ico.gif); background-repeat: no-repeat; background-position: 0px 0px; width: 40px"></div>
标题１</h1>
<h1 id="footer_t_2">
<div></div>
标题２</h1>
<h1 id="footer_t_3">
<div></div>
标题3</h1>
</div>

分析：现在的问题是所有h1不是排成一行的，每个h1换行.\
同时h1内我需要显示“图片”＋“文字”，现在是“图片”和“文字”成两行。
<h1><div></div>标题</h1>要这么用的原因是footer_ico.gif是一张大图，里边有很多小的图片我需要定位取图

问题1.我想让#footer_t_1到#footer_t_3排成一行
问题２．在h1中我想认“div”与“文字”排成一行　
上边两个问题解决的话：css应该怎么写？谢谢大家了！
...全文
327 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
夜雨_Jason 2010-01-13
  • 打赏
  • 举报
 回复
我晕，干吗那样子写
可以
#mytitle h1#footer_t_1{background-image: url(.../images/footer_ico.gif) no-repeat;}
jayfunk 2010-01-13
  • 打赏
  • 举报
 回复
补充需要取的小图都是40px*40px的！
a183249556 2010-01-13
  • 打赏
  • 举报
 回复
1.让mytitle和h1都向左浮动
2.footer_t_1中的div和也向左浮动，不过你要保证footer_t_1的宽度大于40多才能让子和DIV在同一行
3.然后在写一个层<div style="clear:both"></div>放到mytitle的下一个标签。
bhbhxy 2010-01-13
  • 打赏
  • 举报
 回复
<div style="background-image: url(images/footer_ico.gif); background-repeat: no-repeat; background-position: 0px 0px; width: 40px; float:left"> </div>
<span style="float:left">标题１<span>

这样就可以同一行了
jayfunk 2010-01-13
  • 打赏
  • 举报
 回复
不想用table
andyan_2008 2010-01-13
  • 打赏
  • 举报
 回复
外层用table布局，把图片的div和文字放到table的同一行中
安卓车载车机手机framework系统开发WMS/AMS体验专题
ps：购买了课程一定记得联系客服加入课程专群基于最新国内aosp 13/android 13代码深入理解framework重点模块wms胜任wms相关的需求开发掌握系统闪黑，冻屏疑难问题解决成为业界wms/ams模块专家打下基础
CSS盒子模型
1. 主体结构标签：、2. 排版标签：<h1>--
、
、

、

、
3. 列表标签：
    、
      、
    1. 、
      、
      、
      4. 表格相关标签：、、、、、
      5. 
      与