标题中的可点击图像

时间:2013-07-16 18:43:28

标签: css hyperlink header styles clickable

我一直在尝试将可点击的图片插入标题中,以便位于右下角。我一直在搜索你过去的问题,并通过浏览已经发布的内容来实现这一目标。但是,如果没有正确的链接,我可以获得使用此代码的样式:

header {

 <style> 
 div#button 
     {
     position:relative;
    align:right;
    top:111px;left:640px; margin:0;width:100%;
    padding-bottom:25px;
   }

</style> 

***position is right, but linkage is wrong***
<div id="button">
  <a href="0379a5a.netsolhost.com/wordpress1/products/products-page/" >  
<img src="http://0379a5a.netsolhost.com/wordpress1/wp-content/uploads/2013/07/shop_now2.png" height="80.5x" width="163.5px" 
<div style="float:right;margin-top: 111px; margin-right: 50px; padding-bottom:16px;"

/></a>
</div>

但该链接不起作用。我可以获得工作链接,但随后这个代码的样式消失了:

 <style> 
 div#shop_now_button 
     {
     position: relative;
    float: right;
    margin-top: 111px;
    margin-left: 640px; 
    margin-right: 50px;

    width:100%;
    padding-bottom:25px;
   }

</style> 


<div id="shop_now_button">
<div style="float:right;margin-top: 111px; margin-right: 50px; padding-bottom:16px;">   
<a s href="http://0379a5a.netsolhost.com/wordpress1/product/products-page/" target="_blank"> 
<img src="http://0379a5a.netsolhost.com/wordpress1/wp- content/uploads/2013/07/shop_now2.png" 
 height="80.5px" 
  width="163.5px"  
 float="right" 
 margin-top="111px" 
 margin-right="50px" 
 padding-bottom="16px" /> 
  </div>

我只是希望我知道发生了什么。我一直在拍摄几个小时的麻烦...(我道歉,如果它是一个简单的解决方案 - 我是新手)这是我的虚荣领域...... http://0379a5a.netsolhost.com/wordpress1/

1 个答案:

答案 0 :(得分:0)

使用:

.header {position: relative;}
.header img {positon: absolute; bottom: 0; right: 0;}