Apex Code Development You need to sign in to do that
Don't have an account?
Shelly Nyein CSS for footer in visualforce page is not working
Hi,
I want to put image in visualforce page footer. However, the postion is not right, I want to remove white big space in footer. I use margin-bottom and bottom, but footer div is not effected at all. Could anyone of you suggest on this? Thank you in advance.
My VF page
<head>
<style type="text/css">
@page {
@top-center { content: element(header); } }
div.eReceiptContent{ padding-top:50px; padding-left:22px; padding-right:22px; }
div.header { padding: 0.5px; position: running(header); }
.pagenumber:before { content: counter(page); }
.pagecount:before { content: counter(pages); }
}
</style>
</head>
My Footer Div
<div class="footer">
<apex:image style="width: 100%;margin-bottom:-10px" url="https://c.cs85.content.force.com/servlet/servlet.FileDownload?file=0156E000000RBRy"/>
</div>
I want to put image in visualforce page footer. However, the postion is not right, I want to remove white big space in footer. I use margin-bottom and bottom, but footer div is not effected at all. Could anyone of you suggest on this? Thank you in advance.
My VF page
<head>
<style type="text/css">
@page {
@top-center { content: element(header); } }
div.eReceiptContent{ padding-top:50px; padding-left:22px; padding-right:22px; }
div.header { padding: 0.5px; position: running(header); }
.pagenumber:before { content: counter(page); }
.pagecount:before { content: counter(pages); }
}
</style>
</head>
My Footer Div
<div class="footer">
<apex:image style="width: 100%;margin-bottom:-10px" url="https://c.cs85.content.force.com/servlet/servlet.FileDownload?file=0156E000000RBRy"/>
</div>
Can you add the Image in Static Resource and access that.Please find the below markup for your reference.
/*************************************************************************************
<div class="footer">
<apex:image style="width: 100%;" value="{!$Resource.test}"/>
</div>
/**************************************************************************************
Thanks,
Dinesh
<div class="footer"> <apex:image style="width: 100%;margin-bottom:-10px" url="/servlet/servlet.FileDownload?file=0156E000000RBRy"/> </div>