Inserting Layout example - putting a slideshow on my homepage

[Wilbo]

Hi,

I'm trying to get my head around layouts and layout selectors etc.
For an example I want to put a slideshow that I've made on to my home page.
Could someone walk me through what I need to do?

Am I right in thinking this would be a fixed selector?

Starting from the content tab, I highlight the Home node in the content tree,
then go to the design tab?
And then..?

Help please!!

[leehack]

Far simpler solution embed the code in a fragment on said page, tutorial on my site on brochure pages and fragments.

[Wilbo]

Thanks for that, but how do I stop it from outputting extra html around the fragment?

[leehack]

I have no idea what you are asking, it outputs what is put in between the markers, ensure you have a 'text only' layout selected for the fragment in question. That's it.

[Wilbo]

Hi, thanks for taking the time to answer my questions, it's much appreciated.

What I mean is that the fragments seem to be outputted into a table.

What I want is this:

 <div class="slideshow">
		<div><img src="file:///C:/Users/Will/Documents/Actinic v10/Sites/YorkEnv/slide1.jpg" width="765" height="255" alt="slide 1" title="Click to cycle through" /><p id="first">METALLIC FINISH ENVELOPES - Also available in <span style="color:#ba8b15">PURE GOLD</span> <a href="#">More >></a></p></div>
        <div><img src="file:///C:/Users/Will/Documents/Actinic v10/Sites/YorkEnv/slide2.jpg" width="765" height="255" alt="slide 1" title="Click to cycle through" /><p>BUBBLE WRAP -  Keep everything safe and sound! <a href="#">More >></a></p></div>
        <div><img src="file:///C:/Users/Will/Documents/Actinic v10/Sites/YorkEnv/slide3.jpg" width="765" height="255" alt="slide 1" title="Click to cycle through" /><p>MONEY ENVELOPES - send them off with thte right dinner money <a href="#">More >></a></p></div>
	</div>

but what I get is this:

 <table border="0" cellpadding="5" cellspacing="0" width="100%"><tr><td valign="top"> 
<table width="100%" cellspacing="0" cellpadding="10" border="0">
   <tr>
      <td align="left" valign="top">
         <div class="slideshow">
		<div><img src="file:///C:/Users/Will/Documents/Actinic v10/Sites/YorkEnv/slide1.jpg" width="765" height="255" alt="slide 1" title="Click to cycle through" /><p id="first">METALLIC FINISH ENVELOPES - Also available in <span style="color:#ba8b15">PURE GOLD</span> <a href="#">More >></a></p></div>
        <div><img src="file:///C:/Users/Will/Documents/Actinic v10/Sites/YorkEnv/slide2.jpg" width="765" height="255" alt="slide 1" title="Click to cycle through" /><p>BUBBLE WRAP -  Keep everything safe and sound! <a href="#">More >></a></p></div>
        <div><img src="file:///C:/Users/Will/Documents/Actinic v10/Sites/YorkEnv/slide3.jpg" width="765" height="255" alt="slide 1" title="Click to cycle through" /><p>MONEY ENVELOPES - send them off with thte right dinner money <a href="#">More >></a></p></div>
	</div>
      </td>
   </tr>
</table></td></tr><tr><td valign="top">  etc..

can I output fragments without any extra positioning?

[leehack]

You could add the code to the overall layout and a wrap a blockif (isbrochurehomepage) around it so that it only shows on home page as another way. The table is the list layout, you'll recall a couple of hours ago i mentioned to learn about them before starting to design, actinic lays everything out in tables (the list layouts) to make things easy to manage, especially on column counts and to make sure all elements on the page are intrinsically linked. But you can convert them to divs if you like.

[Wilbo]

Yeah, thanks. I thought I might have to do that. It's quite a steep learning curve isn't it! Does using divs for the list layouts give any probelms? I hate using tables.

[leehack]

It gives no further issues than normal when designing a container to hold a load of other containers, widths and float lefts being the key as with any non-actinic pages.