Amendments to Collage template

[bluegnu]

Hi, I would like to add an image to the right of the search box but I can't work out how to do this. I've read the instructions for adding new tpls, but I can't see how to get this to the right of the searchbox (or how you can position any of the tpls for that matter). I understand html, but I don't know anything about tpls.

many thanks for your help

[bluegnu]

Hi, Is anyone able to give me some pointers with this?

[IntroSites]

tpl's are just html with smarty tags, format your search box and image as you would html

hth

[bluegnu]

Hi, thanks for the response. I'm still struggling with this. When ever I try to add an image (with link) to the right of the search box it just ends up underneath the search box. I've tried adding it as another tpl and I've tried adding it to the search.tpl. Either way i can't work out how to keep it to the right of the search box.

If you want to see what I mean please visit: http://www.nursesnetwork.co.uk/

[Ollie]

Good Morning guys.

Off the top of my head, may want to try putting the logo into your page_header.tpl file. Probably at the top above anything else in there. Also you will need to float the image to the right. You can do this as follows:

<a href="http://www.nursesnetwork.co.uk/forum"><img id="new_flash" src="http://www.nursesnetwork.co.uk/templates/collage/images/forum_link.png" style="float:right" /></a>


Hope this helps.

Ollie

[IntroSites]

you have the image in the searchbox div, which is limited to 290px wide in your css

[bluegnu]

Good Morning guys.

Off the top of my head, may want to try putting the logo into your page_header.tpl file. Probably at the top above anything else in there. Also you will need to float the image to the right. You can do this as follows:

<a href="http://www.nursesnetwork.co.uk/forum"><img id="new_flash" src="http://www.nursesnetwork.co.uk/templates/collage/images/forum_link.png" style="float:right" /></a>


Hope this helps.

Ollie

Thanks for the response. I have tried this and the image doesn't float right at all, it stays left. If this could work it would be a quick win for me!

I have removed the image from the search box now, if I wanted to add another tpl, what would I need to put in the css to get it to appear right?

Many thanks again for your time and help.

[Ollie]

Thanks for the response. I have tried this and the image doesn't float right at all, it stays left. If this could work it would be a quick win for me!


Hummmm.....

Weird, it seems to be working ok on my machine. http://epicarena.com/swtest2/ :p

page_header.tpl
<a href="http://www.nursesnetwork.co.uk/forum"><img id="new_flash" src="http://www.nursesnetwork.co.uk/templates/collage/images/forum_link.png" style="float:right" /></a>

<div class="sw_page_header">
<a href="{$P_INDEX}" title="Return to {#siteTitle#} home page"><img id="logo" src="{$templatePath}images/shop_logo.png" alt="{#siteTitle#}" title="{#siteTitle#}" /></a>
<img id="new_flash" src="{$templatePath}images/new_flash.png" />
</div>


Your code should look similiar to above. Make sure you put the style="float:right" in there...

[bluegnu]

Ah! When you said above anything else that's exactly what you meant! I'd put it after the div class!

Many thanks for your help