"Headline Fragment Layout"

[worthydealer]

Hi -

Just wondering if anybody could point me the right way for this please -

The built-in fragment layout "Headline Fragment Layout" produces Headline left justified, the text underneath the headline, also left justified, and then the image to the right of these.

Does anybody have the code for a Fragment layout where:-

headline - left (same as above), but now the image is also on the left, under or at the same height as the headline, and where the text places itself from the right edge of the image (say with a 5 pixel margin) to the end of the line.

I'm just not sure how to do this and still preserve the integrity of the Actinic code in the existing Fragment layout. Any help appreciated (have checked the Forum and advanced guide). Thank you.

[jont]

Design > Library > Fragments

right click any layout and select new ... give it a new name "Headline Fragment Left" and base on "none"

copy the following

<actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentAnchor%22%20%2f%3e%20!=%20%22%22">
<a name="<actinic:variable name='FragmentAnchor' />"></a>
</actinic:block> 
  
<actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentImageFileName%22%20%2f%3e%20%21%3d%20%22%22">
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsFragmentImageALink%22%20%2f%3e" >
   <actinic:block if="%3cactinic%3avariable%20name%3d%22IsFragmentLinkToURL%22%20%2f%3e" >
      <a href="<actinic:variable name="FragmentLinkedItemID" />">
   </actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22IsFragmentLinkToProduct%22%20%2f%3e" >
      <a href="<Actinic:Variable Name="SearchCGIURL"/>?PRODREF=<actinic:variable name="FragmentLinkedItemID" /><actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<Actinic:Variable Name="ShopID"/></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e">&amp;NOLOGIN=1</actinic:block>">
   </actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22IsFragmentLinkToSection%22%20%2f%3e" >
      <a href="<Actinic:Variable Name="SearchCGIURL"/>?SECTIONID=<actinic:variable name="FragmentLinkedItemID" /><actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<Actinic:Variable Name="ShopID"/></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e">&amp;NOLOGIN=1</actinic:block>">
   </actinic:block>
</actinic:block>
<img src="<actinic:variable name="FragmentImageFileName" />"
   alt="<actinic:variable name="FragmentTitle" encoding="strip" />"
   border="0"
   width="<actinic:variable name="FragmentImageWidth" />"
   height="<actinic:variable name="FragmentImageHeight" />"
   class="image_float_left" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsFragmentImageALink%22%20%2f%3e" >
   </a>
</actinic:block>
   	</actinic:block>
		<h1><actinic:variable Name="FragmentTitle"/></h1>
		<p><actinic:variable Name="FragmentText"/></p>

in the actinic stylesheet add

.image_float_left {
float: left;
margin: 16px 20px 15px 0px;
}

you can then select this for your new layout image to the left

[worthydealer]

That's fantastic, thank you very much.