ie6 & ff *img*行高差距问题。hellp!hellp!hellp!hellp!

蓝色枫叶 · 发表于 2008-7-13 17:12:05

ie6 & ff <img>行高差距问题。hellp!hellp!hellp!hellp!

IE6 & FF下看效果文字距图片上下之间的距离不等。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
ul#gamelist-pic {margin:0; float:left; width:240px; background:#ccc;}
  #gamelist-pic li {float:left; text-align:center; list-style:none; margin:10px 11px 0 11px; display:inline;}
#gamelist-pic li img {border:#333 1px solid;}
#gamelist-pic li a.title {font:12px "宋体"; color:#0081EA; padding:2px; text-decoration:none;}
#gamelist-pic li a.title:hover {background:#0081EA; color:#fff;}

</style></head>
<body>
<ul id="gamelist-pic">
  <li><a href=""><img src="http://img.xiaoyouxi.com/softimg/20071127161031.gif" /></a><br />
<a class="title" href=""><strong>美女版黄金矿</strong></a>
  </li>
  <li><a href=""><img src="http://img.xiaoyouxi.com/softimg/20071127161031.gif" /></a><br />
<a class="title" href=""><strong>美女版黄金矿</strong></a>
  </li>
</ul>
</body>
</html>
提示：您可以先修改部分代码再运行

一种方法来解决
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
ul#gamelist-pic {margin:0; float:left; width:240px; background:#ccc;}
  #gamelist-pic li {float:left; text-align:center; list-style:none; margin:10px 11px 0 11px; display:inline;}
#gamelist-pic li img {border:#333 1px solid; margin-bottom:-4px; +*margin-bottom:0;}
#gamelist-pic li a.title {font:12px "宋体"; color:#0081EA; padding:2px; text-decoration:none;}
#gamelist-pic li a.title:hover {background:#0081EA; color:#fff;}

</style></head>
<body>
<ul id="gamelist-pic">
  <li><a href=""><img src="http://img.xiaoyouxi.com/softimg/20071127161031.gif" /></a><br />
<a class="title" href=""><strong>美女版黄金矿</strong></a>
  </li>
  <li><a href=""><img src="http://img.xiaoyouxi.com/softimg/20071127161031.gif" /></a><br />
<a class="title" href=""><strong>美女版黄金矿</strong></a>
  </li>
</ul>
</body>
</html>
提示：您可以先修改部分代码再运行

taotao · 发表于 2008-7-13 17:12:08

这样不知道可不可以.
#gamelist-pic li a.title {font:12px \"宋体\"; color:#0081EA; padding:2px; text-decoration:none;line-height:2em;}
看看如下资料:http://www.orcss.com/content.asp?ID=178

帐号		自动登录	找回密码
密码			立即注册

ie6 & ff img行高差距问题。hellp!hellp!hellp!hellp!

浏览过的版块