我一直在尝试将可点击的图片插入标题中,以便位于右下角。我一直在搜索你过去的问题,并通过浏览已经发布的内容来实现这一目标。但是,如果没有正确的链接,我可以获得使用此代码的样式:
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/
答案 0 :(得分:0)
使用:
.header {position: relative;}
.header img {positon: absolute; bottom: 0; right: 0;}