Logo cutomization - Please help???

[waghelak]

Hello all,

I have customized my site to the way i like it however am struggling with the logos and some images i want there. Currently its aligned to the left which is fine however i want one of them to go to the right and am struggling. Also the one to the left i want it to go more to the right so i can another image there. The iamge concerned are sitelogo.gif and hdr_mid_pics.gif

The site is www.ipvk.co.uk

the code from tpl_header.php is below.

?>
<tr><td>
</table>
<!-- End Show the banners table -->
<!-- Start the header CSS table, logo and background includes/templates/blue/images -->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="header" background="includes/templates/blue/images/hdr_bg.gif">
<tr>
<td width="39%" rowspan="2"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="398">
<tr>
<td width="22"><table align="left" border="0" cellpadding="0" cellspacing="0" width="22">
<!--<tr>
<td><img name="hdr_topleft_bg" src="includes/templates/blue/images/pixel_trans.gif" width="1" height="38" border="0" alt=""></td>
</tr>
<tr>
<td><img name="hdr_midleft_bg" src="includes/templates/blue/images/hdr_midleft_bg.gif" width="22" height="62" border="0" alt=""></td>
</tr>
<tr>
<td><img name="hdr_mid_divline" src="includes/templates/blue/images/hdr_mid_divline.gif" width="22" height="6" border="0" alt=""></td>
</tr>
<tr>
<td><img name="hdr_bot_left_bg" src="includes/templates/blue/images/pixel_trans.gif" width="1" height="48" border="0" alt=""></td>
</tr>-->
</table></td>
<td width="125" valign="top"><a href="./"><img src="includes/templates/blue/images/sitelogo.gif" alt="Home Page" border="0"></a></td>
<td width="251"> <table align="right" border="0" cellpadding="0" cellspacing="0" width="251">
<!--<tr>
<td><img name="hdr_strapline_bg" src="includes/templates/blue/images/pixel_trans.gif" width="1" height="38" border="0" alt=""></td>
</tr>-->
<tr>
<td align="right"><img name="hdr_mid_pics" src="includes/templates/blue/images/hdr_mid_pics.gif" width="280" height="80" border="0" alt="" align="right"></td>
</tr>

[TheOracle]

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="header" background="includes/templates/blue/images/hdr_bg.gif">
<tr>
<td width="39%" rowspan="2">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="398">
<tr>
<td width="22"><table align="left" border="0" cellpadding="0" cellspacing="0" width="22">
</td>
</tr>
</table>
<table border="0" width="251" cellpadding="0" cellspacing="0">
<tr>
<td width="251" valign="top" align="left"><a href="./"><img src="includes/templates/blue/images/sitelogo.gif" alt="Home Page" border="0"></a></td>
<td width="500" valign="top" align="center"><img src="includes/templates/blue/images/empty.gif" width="500" height="1"></td>
<td width="251" valign="top" align="right"><img src="includes/templates/blue/images/hdr_mid_pics.gif" width="280" height="80" border="0" alt=""></td>
</tr>
</table>
</td>
</tr>
</table> 

Under your includes/templates/blue/images folder, create an image file called: empty.gif and (white color - since your background header is white) and put a width size of: 500px and a height size of: 1px. This should do the trick.

Of course, do a backup of the header file before making these replacements first.

As for the latest

</td></tr></table> 

HTML tags, I'm already assuming that, based from your post, missing HTML table structures are missing but I could be wrong since you could of also posted a peace of the table only. If so, you'd simply need to make the rest of the arrangements in order to fit right into your site header.

[waghelak]

Thanks for the advice i will give that a try and will keep you update via here.

[waghelak]

Hello,

I have done what you suggested and it looks fine just had to play with the sizing values. However the top of my page does not resize with my other part of the page.

ie it looks fine maximised but as soon as i minimise the page, everything minimises accordingly but the top where the logo does not.

Also the first image i want it more to the right as i am going to be adding a site logo a trademark, at the moment it is too much on the left.

Any other suggestion as to how i can get rid of the this issue now.

[waghelak]

Hello thanks for the PM message the issue is now solved. Thanks again.

[waghelak]

For everone else in the future who has similar issues, i changed the code which is posted in above message to (below) and it works a treat.

<table width="100%" border="0" cellpadding="0" cellspacing="0" background="includes/templates/blue/images/hdr_bg.gif">
<tr align="center"> 
<td height="96" colspan="2"> 

<td height="0" valign="middle"> 
<div align="left"><img src="includes/templates/blue/images/sitelogo.gif"</td></div>

<td height="0" valign="middle"> 
<div align="right"><img src="includes/templates/blue/images/hdr_mid_pics.gif"</td></div>    

</tr>

</table></td>
</tr>
</table></td>