function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
sliptonslipton 

Home Page Component and HTML not behaving correctly

I'm trying to use a wide home page component to show a grid of images that I have stored in documents, as well as link them to files stored in files.  This has worked in the past correct with one central image and then a grid of 4 below.  I've been trying to add a 5th using the same format and it's completely screwing up.  Please keep in mind that my html knowledge is simple at best and I patched together this code from research I did.


Here's the code:

 

<div style="text-align: center;"><a href="https://na5.salesforce.com/06970000000GX0h" style="font-size: 10pt;"><img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iLY&amp;oid=00D70000000McMs&amp;lastMod=1386022465000" alt="XXX Dashboard" align="center"></a></div><br><a href="https://na5.salesforce.com/06970000000GWzj"><img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iLd&amp;oid=00D70000000McMs&amp;lastMod=1386022490000" alt="XXX Dashboard" align="left" width="49%"></a><a href="https://na5.salesforce.com/06970000000GX0X"><img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iM2&amp;oid=00D70000000McMs&amp;lastMod=1386022566000" alt="XXX Dashboard" align="right" width="49%"></a><br><br><br><br><br><a href="https://na5.salesforce.com/06970000000GWzt"><img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iM7&amp;oid=00D70000000McMs&amp;lastMod=1386022585000" alt="XXX Dashboard" align="left" width="49%"></a><a href="https://na5.salesforce.com/06970000000GX03"><img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iLn&amp;oid=00D70000000McMs&amp;lastMod=1386022536000" alt="XXX Dashboard" align="right" width="49%"></a><a href="https://na5.salesforce.com/06970000000GX0N"><img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iLi&amp;oid=00D70000000McMs&amp;lastMod=1386022517000" alt="XXX Dashboard" align="right" width="49%"></a>

 

 

And here is how the grid of images turns out.  I can't for the life of me explain what's going on in the middle there.  (I've removed some sensitive information)

 

Screenshot

digamber.prasaddigamber.prasad

Hi,

 

Could you please try below:-

 

<div style="text-align: center;">
	<a href="https://na5.salesforce.com/06970000000GX0h" style="font-size: 10pt;">
		<img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iLY&amp;oid=00D70000000Mc... alt="XXX Dashboard" align="center">
	</a>
</div>
<br>
<a href="https://na5.salesforce.com/06970000000GWzj">
	<img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iLd&amp;oid=00D70000000Mc... alt="XXX Dashboard" align="left" width="49%">
</a>
<a href="https://na5.salesforce.com/06970000000GX0X">
	<img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iM2&amp;oid=00D70000000Mc... alt="XXX Dashboard" align="right" width="49%">
</a>
<br><br><br><br><br>
<a href="https://na5.salesforce.com/06970000000GWzt">
	<img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iM7&amp;oid=00D70000000Mc... alt="XXX Dashboard" align="left" width="49%">
</a>
<a href="https://na5.salesforce.com/06970000000GX03">
	<img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iLn&amp;oid=00D70000000Mc... alt="XXX Dashboard" align="right" width="49%">
</a>
<br><br><br><br><br>
<a href="https://na5.salesforce.com/06970000000GX0N">
	<img src="https://c.na5.content.force.com/servlet/servlet.ImageServer?id=015700000024iLi&amp;oid=00D70000000Mc... alt="XXX Dashboard" align="right" width="49%">
</a>

 
sliptonslipton

Nope.  Nothing changed.  In fact I can't even read what you've changed in the code.