高分问一个div问题:如何用div让两个图片同一行显示?

屡败屡战数马援 2004-10-15 08:20:10
我刚开始学使用div + css控制页面框架,在以前用table控制的许多方法都不能使用了。一直不明白如何把网站的logo显示出来。

假设说两张图片组成一个logo,那么用表格非常好控制
<table width="760" height="32" border="0">
<tr>
<td width="700" height="32" aligh="left"><img src="image1.gif" border="0"></td>
<td width="60" align="left"><img src="image2.gif" border="0"></td>
</tr>
</table>

就是把表格的一行分成两列显示即可。但是这个效果怎样使用div来控制?显示一个图片可以,但是第二个图片跑到下方去了
<div id="siteHeader">
<div style="width:700;height:32;text-align:left;"><img "><img src="image1.gif" border="0"></div>
</div>

请问如何添加第二张图片?使它与第一张同一行显示?谢谢。
...全文
1168 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
tesion 2004-10-19
  • 打赏
  • 举报
回复
应该这样写,才可以适应任何浏览器~
display:inline 拿来删行,所以列表就成了跟进

<style by tesion>
ul { margin: 0; padding: 0 }
li { display:inline; margin: 0; padding: 0 }
</style>

<ul><li><img src="" /></li><li><img src="" /></li></ul>

或者简单点:

<style by tesion>
img { float:left }
</style>

<img src="" /><img src="" />
mysteryboy2000 2004-10-18
  • 打赏
  • 举报
回复
display:inline
celerylhl 2004-10-18
  • 打赏
  • 举报
回复
全被你们说完了
cuixiping 2004-10-17
  • 打赏
  • 举报
回复
本来想进来答,得点分的,唉,来迟了。
woyingjie 2004-10-15
  • 打赏
  • 举报
回复
float:left;

qfljm 2004-10-15
  • 打赏
  • 举报
回复
display:inline
多菜鸟 2004-10-15
  • 打赏
  • 举报
回复
楼上的厉害!又学到东东了。开心。
dsclub 2004-10-15
  • 打赏
  • 举报
回复
<div style="width:700;height:32;text-align:left;display:inline;"><img src="http://community.csdn.net/images/CSDN_logo.GIF" border="0"><img src="http://community.csdn.net/images/CSDN_logo.GIF" border="0"></div>
clarass 2004-10-15
  • 打赏
  • 举报
回复
<div style="float:left;">1</div>
<div>2</div>
----------------
float:left;

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧