Maison >interface Web >tutoriel HTML >求救 图片居中 图片拉伸问题？_html/css_WEB-ITnose
求救 图片居中 图片拉伸问题？_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:18:201707parcourir
| | | |
1、怎么设置能把table中的图片放到div居中的位置；
2、div的背景图片怎么能够设置到横向拉伸，而不是平铺效果。
回复讨论(解决方案)
2。不能
1.不是三列么 ，怎么还居中？
2。不能
1.不是三列么 ，怎么还居中？
现在效果是这样的 我想把图片放到黑色框中
ie几 啊 我的怎么没这个问题呢 猜测一下：
table{ border-collapse:collapse;border-spacing:0}tr,td{margin:0;padding:0} 另外 ，格式调整的时候 ，如果有问题 ，最好给 她们都加上 边框( border：1px solid #ddd);
ie几 啊 我的怎么没这个问题呢 猜测一下：
XML/HTML code?12345678table{ border-collapse:collapse;border-spacing:0}tr,td{margin:0;padding:0}
另外 ，格式调整的时候 ，如果有问题 ，最好给 她们都加上 边框( border：1px solid #ddd);
火狐浏览器
我的firefox是这样的 没有出现你的情况
我的firefox是这样的 没有出现你的情况
估计是这个
我的firefox是这样的 没有出现你的情况
估计是这个引起的？
a
{
display:block;
}
a#setpage:link,a#setpage:visited
{
background:url(image/designerimg/setpage-link.png);
}
a#setpage:hover{
background:url(image/designerimg/setpage-mouseover.png);
}
a#setpage:active{
background:url(image/designerimg/setpage-click.png);
}
a{ display:block;} 他的问题
CSS code?1234a{ display:block;}
他的问题
把这个去掉 链接过程更换图片的的效果就不行了，大侠 有没有高招？我是css菜鸟，边学边做，请多指点
<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title></title> <style type="text/css"> ul { margin:0; padding:0; list-style:none; } li { float:left; margin-right:10px; margin-top:5px; } li a { display:block; } a#setpage:link,a#setpage:visited{ background:url(image/designerimg/setpage-link.png);}a#setpage:hover{ background:url(image/designerimg/setpage-mouseover.png);}a#setpage:active{ background:url(image/designerimg/setpage-click.png);} </style></head><body> <div style="background:url(image/designerimg/design-head.png);background:#fcc; width:100%;height:36px;padding-top:0;"> <ul> <li><a id="A1" href="javascript:;" style="text-decoration:none;" onclick="createPage()"><img src="image/designerimg/setpage-link.png" alt="页面设置"/></a></li> <li><a id="A2" href="javascript:;" style="max-width:90%" onclick="openPage()"><img src="image/designerimg/prepage-link.png" alt="预览页面"/></a></li> <li><a id="A3" href="javascript:;" style="max-width:90%" onclick="savePage()"><img src="image/designerimg/savepage-link.png" alt="保存页面"/></a></li> </ul></div></body></html> 换种 布局吧 别用表格了 看着都麻烦 CSS code?123456789101112131415161718192021222324252627282930313233343536373839404142434445
这样还是没有效果啊？动态链接效果也没有了
a#setpage:link,a#setpage:visited{ background:url(image/designerimg/setpage-link.png);}a#setpage:hover{ background:url(image/designerimg/setpage-mouseover.png);}a#setpage:active{ background:url(image/designerimg/setpage-click.png);} 是不是你的这个设置有问题？ #setpage？ CSS code?12345678910a#setpage:link,a#setpage:visited{ background:url(image/designerimg/setpage-link.png);}a#setpage:hover{ background:url(image/designerimg/setpage-mouseover.png);……
应该没有吧，换回去就可以动态链接了？
呵呵 你没明白我一的意思 ，我给你贴过去的代码 里面 a元素 id是 a1 a2 a3 ，但你的样式表里 可不是这个值啊
CSS code?12345678910a#setpage:link,a#setpage:visited{ background:url(image/designerimg/setpage-link.png);}a#setpage:hover{ background:url(image/designerimg/setpage-mouseover.png);……
大侠 我知道为什么了，我再改改 谢谢 能不能加你为QQ好友？我qq844970229