首页 >web前端 >html教程 >求救 图片居中 图片拉伸问题?_html/css_WEB-ITnose

求救 图片居中 图片拉伸问题?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:18:201700浏览


  
     
       
       
       
     
   
  求救 图片居中 图片拉伸问题?_html/css_WEB-ITnose   求救 图片居中 图片拉伸问题?_html/css_WEB-ITnose   求救 图片居中 图片拉伸问题?_html/css_WEB-ITnose




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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn