Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何提供附加了反向链接的div ID图像?_Css_Html - Fatal编程技术网

Css 如何提供附加了反向链接的div ID图像?

Css 如何提供附加了反向链接的div ID图像?,css,html,Css,Html,我试图给一个div id一个图像,它的后向链接位于850像素的左侧。在同一行中,我需要一个Div Id,它位于同一个850px行的中心,并带有文本。谢谢你的帮助 这是我的CSS #container3 > div { background-color:#000000; color:#FFFF00; font-size:18; font-family:arial; font-weight:Normal; width:850px;

我试图给一个div id一个图像,它的后向链接位于850像素的左侧。在同一行中,我需要一个Div Id,它位于同一个850px行的中心,并带有文本。谢谢你的帮助

这是我的CSS

        #container3 > div {
    background-color:#000000;
    color:#FFFF00;
    font-size:18;
    font-family:arial;
    font-weight:Normal;
    width:850px;

}
    #BackLink {
    position:relative;
    background-image: url(../Images/Back-ButtonB.png);
    float:left;
    display:inline-block;
    width:80;
    height="18;

}
    #ObjectName {
    position:relative;
    text-align:center;

}
这是分区ID

 <div id="container3">
<div id="BackLink"><a href=[Backlink]></a></div><div id="ObjectName">[ObjectName]</div>
</div>

[对象名称]

下划线和链接问题是因为您没有关闭

[对象名称]
这也许可以解决你的布局问题,也可能无法解决,但这绝对是关于下划线问题的答案


Wing

刚刚将这个JSFIDLE放在一起,演示了绝对定位和文本对齐的用法。位置:相对设置在父div(container3)上。反向链接绝对位于左上角,objectname具有文本对齐:居中,以便文本在顶部居中


不,我算出了下划线,我只需要一个左箭头图像的反向链接,然后对象名称居中。我如何使用css给div id一个带有反向链接的图像?你知道绝对定位吗。可以使用此选项将子div放置在父div的精确位置。如果您的850px容器不打算改变大小,那么这将起作用。非常感谢您的提醒!
<div id="container3">
  <div id="BackLink">
    <a href=[BackLink]>
      <img border="0" src="../Images/Back-ButtonB.gif" width="80" height="18">
    </a>
  </div>
  <div id="ObjectName">[ObjectName]</div>
</div>
<div id="container3">
  <div id="BackLink">
    <a href=[BackLink]>
      <!-- <img border="0" src="../Images/Back-ButtonB.gif" width="80" height="18"> -->
        Backlink        
    </a>
  </div>
  <div id="ObjectName">[ObjectName]</div>
</div>
#container3{
    width:450px;
    height:300px;
    position:relative;
    background-color:#999999;
}
#BackLink{
    position:absolute;
    top:0;
    left:0;
}
#ObjectName{
    text-align:center;
}