+ Start a Discussion
Ashish Agrawal 4Ashish Agrawal 4 

How to reduce the gap between two images

How to reduce the gap between two images in page

need to reduced the gap between two images and need to show the images parallely.

Thanks & Regards,
Ashish Agrawal
Ana Catarina BritesAna Catarina Brites
Hello Ashish!

Can you show us the code? 
Depending on how you are creating this page, a simply float:right; on your css can work or you may need something more.

Regards,
Ana Catarina Brites
Ramu_SFDCRamu_SFDC
you might have to use CSS to do this. Follow the steps provided in the below link and play around with it

http://salesforce.stackexchange.com/questions/13760/html-css-in-line-divs
Ashish Agrawal 4Ashish Agrawal 4
Hello Acb!

code:
<apex:page standardController="Account" >
<apex:form >
<apex:pageBlock title="Conditional image page">
<apex:pageBlockSection title="Image Section" columns="4">

<apex:outputPanel rendered="{!account.Rating =='Hot'}" >
   <apex:image value="{!$Resource.forceimage1}" width="100" height="100"/>
</apex:outputPanel>
<apex:outputPanel rendered="{!account.Rating =='Hot'}" >
   <apex:image value="{!$Resource.forceimage1}" width="100" height="100"/>
</apex:outputPanel>
<apex:outputPanel rendered="{!account.Rating =='Hot'}" >
   <apex:image value="{!$Resource.forceimage1}" width="100" height="100"/>
</apex:outputPanel>
<apex:outputPanel rendered="{!account.Rating =='Hot'}" >
   <apex:image value="{!$Resource.forceimage1}" width="100" height="100"/>

</apex:outputPanel>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>

</apex:page>
Ana Catarina BritesAna Catarina Brites
Hello Ashish!

Do you really need the outputPanel? 

The way I see it you can just use:
<apex:image value="{!$Resource.forceimage1}" width="100" height="100" rendered="{!account.Rating =='Hot'}" style="float:right;"/>