How to put images in footer

**chitragurung** · 02-11-2009, 04:06 AM

I have been using Soho to build my webpage. I want to put images with link in the footer just next to copy right how can I put it ?

**Karen Mac** · 02-11-2009, 05:25 AM

Youd have to edit the template and put it in there.

Karen

**chitragurung** · 02-11-2009, 09:51 AM

Thank you Karen.

I tried to put but I afraid where to put in the HTML code. if possible I want to put 4-5 images with link.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>#PAGENAME#</title>
<link href="custom.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="motionpack.js"></script>

</head>

<body onLoad="slideup('featwrapper');">
<div id="headwrapper">
<div id="head" class="clearfix">
<div id="logo_box"><a href="/index.php?pr=Home_Page"><img id="logo" width=322 height=118 src="images/_userimg-logo.png" alt="Home" border="0" /></a></div>
<div id="tagline"><img width=468 height=60 src="images/_userimg-ad_banner.png" alt="Home" border="0" /></a></div>
</div>
</div>
<div id="trimbar"></div>
<div id="featwrapper" style="display: none; overflow: hidden; height: 124px;">
<div id="feat" class="clearfix">
<div id="featleft">#NEWSBOX#</div>
<div id="featright">#PROMOTXT1#</div>
</div>
</div>
<div id="navwrapper">
<div id="nav" class="clearfix">
<div id="signup"><a href="javascript:;" onmousedown="toggleSlide('featwrapper');"><img src="images/hide-show.png" alt="Toggle the banner up or down" width="110" height="27" border="0" style="border: 0;" /></a></div>
<div id="mainnav">#HMAINS#</div>
</div>
</div>
<div id="contentwrapper">
<div id="maincontent" class="clearfix">
<div id="subnav">#VSUBS# </div>
<div id="content"><div id="date">#AUTODATESTAMP#</div>#CONTENT#<a href="index.php?pr=Terms_and_Conditions">Terms & Conditions</a>
| <a href="index.php?pr=Privacy_Statement">Privacy Statement</a>
</div></div>
</div>
</div>
<div id="footerwrapper">
<div id="footer">#COPYRIGHT#</div>
</div>
</body>
</html>

**Karen Mac** · 02-11-2009, 12:27 PM

<div id="footerwrapper">
<div> your images, </div>
<div id="footer">#COPYRIGHT#</div>
</div>

You would have to expand this area...and add them here ...also use a new div tag to house them...

Karen

**chitragurung** · 02-11-2009, 01:22 PM

Thank you Karen,

If I have 4 images and want put links on it how can I manage it ? Also each image has to be in different line or seprate line for each image. ie

<div my image1 div > <div my image 2 div > or

<div my image1 div >
<div my image2 div >

**Karen Mac** · 02-11-2009, 05:25 PM

You would just need one div tag.. and you would html code them. What exactly are you trying to do? Show cc info etc? You dont want those in the footer anyway as it will trigger security popups durning checkout on ssl

Karen

**chitragurung** · 02-12-2009, 03:56 AM

I just want to do footer as in the site www.alaskaheritagetours.com

**Karen Mac** · 02-12-2009, 04:14 AM

I would line them up as one image and insert one image..instead of four

Karen

**Karen Mac** · 02-12-2009, 04:16 AM

Originally Posted by chitragurung

Thank you Karen,

If I have 4 images and want put links on it how can I manage it ? Also each image has to be in different line or seprate line for each image. ie

<div my image1 div > <div my image 2 div > or

<div my image1 div >
<div my image2 div >

None of these are correct.. are you asking me for the codes? or what?

<div>
<img src="http://www.yoursite.com/images/imagename.jpg">
</div>

**chitragurung** · 02-12-2009, 07:31 AM

Yes I was looking for the exact html code.

so for 4 images I have to put following code 4 times ?

<div>
<img src="http://www.yoursite.com/images/imagename.jpg">
</div>

**Karen Mac** · 02-12-2009, 08:42 AM

Yes...and you might have to add more code to line them up correctly like line breaks or paragraph breaks. Personally.. id probably line them up in a table.

Karen

**chitragurung** · 02-13-2009, 03:58 AM

I tried but it went out of main content area. So, I stop. I think I put in wrong place. I am trying.

**Karen Mac** · 02-13-2009, 11:30 AM

Well yes its going to resize things because you are trying to put it all in that little band..so you are going to have to adjust something..or add a row to the table for the pictures..and you might even have to make a couple of images or add background colors to match up and even up your template for the adjusted spaces. Thats why i suggested you make a banner out of the 4 pics and just size it down and add one pic.

Karen

**chitragurung** · 02-13-2009, 01:59 PM

Thank you. Actually my images were not that big but it went out of order. I do not know in which particular place I should paste the code I prepared.

I made following code with front page and I wanted to put just next to copyright text. But when I paste the following code in, images goes far left of browser not in layout area.

<body>

<table border="0" width="400" id="table1">
<tr>
<td>
<img border="0" src="http://www.egtours.com/images/85px-Coat_of_arms_of_Nepal_svg.png" width="88" height="74"></td>
<td>
<img border="0" src="http://www.egtours.com/images/iata-accredagent-cmyk.png" width="224" height="74"></td>
<td>
<img border="0" src="http://www.egtours.com/images/natalogo-2.png" width="74" height="74"></td>
<td> </td>
<td> </td>
</tr>
</table>

</body>

**Karen Mac** · 02-13-2009, 09:56 PM

Thats because 1.) you inserted a WHOLE page. You dont want the body statement, 2.) you added 400 pixels in an additional table, so you had a nested table and widened the whole cell to an additonal 400 pixels. Instead.. you need to split the cells already contained in the table and thats why i sugessted using a div(css) layout instead.

Modifying this area may involve more than just smacking the code in there, and I cant tell you absolutely without using your template complete with all your modifications already incorporated to know. All i can say is keep trying..or else make it a custom include and just drop it on the bottom of the pages you want it to appear on.

Karen

**chitragurung** · 02-15-2009, 01:17 PM

Actually, I do not know CSS. I am just trying with trial and error.

I just want to know sample code, if possible.

**kmakpres** · 02-15-2009, 06:05 PM

Having just dealt with a lot of template and other issues while moving my site to SOHO I can offer this advice. It is easier to work within soho than to modify the template, that being said.

Karen suggested a custom include, I have grown to love these as it allows you to easily and quickly add information to your site. I looked at the site you listed as an example and am guessing that you want pictures at the bottom that each link to a specific page or item.

What I would try is build a table in front page or some other page builder with a table in it and put a picture in each box of the table, if you want 5 pictures build a table 1 row X 5 column and initially set it to say 50px per box.

Now choose the pictures you want and using something like pixresizer make them all the same size. Then insert these pictures into the table and attach the link to each one. To do this properly and not have a jumble of different colored backgrounds you need to use something like photoshop and remove the backgrounds from all the photos.

After having completed all of this, getting the size you want set copy all the html and past it into notepad. Then save the note pad as whatever.inc. Now upload this to SOHO via file manager, then in soho go to the page you want to add this to and drag the custom inc box to the bottom of the page and select the whatever.inc file to add the row of pictures to the bottom of the page.

Not sure of the max size of a file you do this way so if it is too large you may have to do 2 or even 3 smaller files and put the custom inc boxes side by side.

Hope this helps and gives you some ideas.

**chitragurung** · 02-17-2009, 01:59 PM

If possible I want to edit from template so that I do not need to put in individual pages.

**Karen Mac** · 02-17-2009, 06:52 PM

Well then you will have to resize that footer area to accomodate the images correctly.

Karen

**chitragurung** · 02-20-2009, 05:02 AM

I will prepare code and resize to put in but I am not sure where to paste exactly in the template.

Thread: How to put images in footer

LinkBack

Thread Tools

How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Re: How to put images in footer

Thread Information

Users Browsing this Thread

Posting Permissions