发新话题
打印

[CSS] 问一个模板制作图片自适应的问题。

问一个模板制作图片自适应的问题。

我的代码是参照网上百分比自适应的代码
但是mambo运行localhost,总是显示不出图像,相当ft
这段代码单独用没有问题,放在mambo就是不行。head总是看不见图片。

help!!!!!!!!!!!!!

<!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" c />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
}
#pic{
  margin:0 auto;
  width:90%;
  padding:0;
  border:1px solid #333;
  }
#pic img{
    max-width:80%;
width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*8/10? "80%": "auto" );
border:1px dashed #000;
}
-->
</style>
</head>
<body>
<div id="pic">
<img src="../images/header_bg.jpg" />   (这个图片是我自己的head图片,是不是连接方式错误?)
</div>
</body>
</html>

TOP

图片打不开,可以鼠标右击打不开的图片,看它的属性,找到它的url,可方便找原因。

可以改为 images/header_bg.jpg 试试看

TOP

我在css里面去掉pic和pic img这两个东西, 只留下了图片连接,
结果还是没有图片,不是看不见图片,是根本没有图片

不知道怎么高的
我用的div做的结构,不是table

TOP

我新建了一个div然后在上面打字和链接图片,刷新以后只有文字,没有图片

TOP

图片不出来,是因为图片url不对,所以要在前台看页面的html源码

TOP

右键单击图片,选择属性查看url,如lang3所说。

TOP

<!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" c />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
}
#pic{
  margin:0 auto;
  width:800px(适合宽度)你没有定义body的总宽度或者body里把整个页面宽度定义下比较好;
  padding:0;
  border:1px solid #333;(边框有必要吗?)
  }
</style>
</head>
<body>
<div id="pic">
<img src="htto://localhost/images/header_bg.jpg" />  (完整图片地址比较好)
</div>
</body>
</html>


这样试试看吧!!
我开源,我开心 -- Mambo中国
More Simple, More Powerful
愈简,愈强 -- Mambo中国整站系统

TOP

发新话题