How to put images in footer

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

Re: How to put images in footer

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

Karen

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

Re: How to put images in footer

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

Re: How to put images in footer

<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

Re: How to put images in footer

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

Re: How to put images in footer

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

Re: How to put images in footer

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

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

Re: How to put images in footer

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

Karen

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

Re: How to put images in footer

Originally posted by chitragurung View Post

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

Re: How to put images in footer

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

Re: How to put images in footer

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

Re: How to put images in footer

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

Re: How to put images in footer

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

Re: How to put images in footer

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

Re: How to put images in footer

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

How to put images in footer

How to put images in footer

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment