如何給連接後鏈接的div ID圖像？

我試圖給一個div id一個圖像的背部鏈接居中在左側的850像素。在同一行上，我需要一個以相同的文本爲單位的850像素線居中的Div Id。任何幫助表示讚賞如何給連接後鏈接的div ID圖像？

這裏是我的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; 

}

而且這裏的div編號

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

來源

2013-07-28 chriswiec

剛剛把這個的jsfiddle一起來說明絕對定位和文本對齊的使用。位置：relative在您的父div（container3）上設置。反向鏈接絕對位於左上角，而objectname具有文本align：center，以便文本居中居中。

http://jsfiddle.net/GXMbL/1/

<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>

和CSS（這將需要精煉你的目的，但它擁有你所需要的基本知識）

#container3{ 
    width:450px; 
    height:300px; 
    position:relative; 
    background-color:#999999; 
} 
#BackLink{ 
    position:absolute; 
    top:0; 
    left:0; 
} 
#ObjectName{ 
    text-align:center; 
}

來源

2013-07-28 07:34:56 wingyip

非常感謝你擊中了鼻子！ – chriswiec

的下劃線和連接問題，因爲你沒有與</a>關閉您的<a>。

的Html應該是：

<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>

這可能會或可能不會解決你的佈局問題，但它絕對是回答關於強調

永安問題

來源

2013-07-28 07:00:51 wingyip

不，我想通強調了我只需要一個反向鏈接帶有一個箭頭的圖像左側，然後對象名稱居中 – chriswiec

如何給一個div id一個圖像的反向鏈接使用css？ – chriswiec

你知道絕對定位嗎？您可以使用此功能將子div定位在父母的確切位置。如果你的850像素的容器不會改變大小，那麼這將起作用。 – wingyip

如何給連接後鏈接的div ID圖像？

回答

相關問題