I've set up the banner for my shoppe as a separate .html file and inserted the code for it in the tpl_header.php file.
I just can NOT figure out how to align it so that it's not aligning with the shoppe border - it needs to be around it and aligned with the background behind the shoppe.
http://anitastergioudesigns.com/shoppe
Please, please, please, please, please, please someone help!
Slicing the image in a different way didn't/doesn't help because of the curved edge look that I want. Someone said that I need to get it out of the DIV that it's currently in, but I don't know where else to put it?
Please help.
Thread: Banner alignment problem
Results 1 to 10 of 12
Hybrid View
-
4 Dec 2008, 10:51 AM #1
New Zenner
- Join Date
- Mar 2006
- Posts
- 26
- Plugin Contributions
- 0
Banner alignment problem
-
4 Dec 2008, 10:53 AM #2
Totally Zenned
- Join Date
- Mar 2008
- Location
- Cape Town & London (depends on the season)
- Posts
- 2,975
- Plugin Contributions
- 0
Re: Banner alignment problem
Without seeing (or knowing) exactly what you've hacked in the tpl_header.php , offering suggestions is not really possible.
More info needed - and perhaps a link to your site.
-
4 Dec 2008, 10:57 AM #3
New Zenner
- Join Date
- Mar 2006
- Posts
- 26
- Plugin Contributions
- 0
Re: Banner alignment problem
Just edited the OP with the link.
Here's where I hacked the code:
<!--bof-branding display-->
<div id="logoWrapper">
<?php include ("header.html") ;?>
<div id="taglineWrapper">
<?php
if (HEADER_SALES_TEXT != '') {
?>
<div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
}
?>
<?php
if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
}
}
?>
</div>
</div>
<!--eof-branding display-->
Where header.html is the name of the image map file and it is in the same folder as the tpl_header.php file.
-
4 Dec 2008, 11:13 AM #4
Totally Zenned
- Join Date
- Mar 2008
- Location
- Cape Town & London (depends on the season)
- Posts
- 2,975
- Plugin Contributions
- 0
Re: Banner alignment problem
The method you have used to insert an image map in the header is incorrect. Revert to the original tpl_header.php , then...
... Look here:
http://www.zen-cart.com/forum/showthread.php?t=114731
-
4 Dec 2008, 12:37 PM #5
New Zenner
- Join Date
- Mar 2006
- Posts
- 26
- Plugin Contributions
- 0
Re: Banner alignment problem
Thanks for your reply, I'm still lost - I don't have Dreamweaver just Image Ready to do the slicing and the code that it produced doesn't look the same as the other threads, so I don't know what to do now.
Here's the code in the banner.html file:
<html>
<head>
<title>banner_html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="969" height="auto" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<a href="http://anitastergioudesigns.com/"
onmouseover="window.status='AnitaStergiouDesigns.com Home'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://anitastergioudesigns.com/images/banner/home.gif" width="969" height="113" border="0" alt="AnitaStergioudesigns.com"></a></td>
</tr>
<tr>
<td>
<a href="http://anitastergioudesigns.com/shoppe"
onmouseover="window.status='Shoppe at AnitaStergiouDesigns.com'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://anitastergioudesigns.com/images/banner/shoppe.gif" width="215" height="127" border="0" alt="Shoppe"></a></td>
<td>
<a href="http://anitastergioudesigns.com/studio"
onmouseover="window.status='Inspiration Studio at AnitaStergiouDesigns.com'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://anitastergioudesigns.com/images/banner/studio.gif" width="232" height="127" border="0" alt="Studio"></a></td>
<td>
<a href="http://anitastergioudesigns.com/chatter"
onmouseover="window.status='Forums at AnitaStergiouDesigns.com'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://anitastergioudesigns.com/images/banner/chatter.gif" width="187" height="127" border="0" alt="Chatter"></a></td>
<td>
<a href="http://anitastergioudesigns.com/blog"
onmouseover="window.status='AnitaStergiouDesigns.com Blog'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://anitastergioudesigns.com/images/banner/blog.gif" width="187" height="127" border="0" alt="Blog"></a></td>
<td>
<a href="http://anitastergioudesigns.com/team"
onmouseover="window.status='The AnitaStergiouDesigns.com Creative Team'; return true;"
onmouseout="window.status=''; return true;">
<img src="http://anitastergioudesigns.com/images/banner/team.gif" width="148" height="127" border="0" alt="Team"></a></td>
</tr>
</table>
</body>
</html>
-
4 Dec 2008, 12:40 PM #6
New Zenner
- Join Date
- Mar 2006
- Posts
- 26
- Plugin Contributions
- 0
Similar Threads
-
Alignment of Banner Header position 2
By ttfan in forum Templates, Stylesheets, Page LayoutReplies: 6Last Post: 24 Feb 2011, 09:59 AM -
banner 2 alignment
By gg1965 in forum Templates, Stylesheets, Page LayoutReplies: 1Last Post: 24 Feb 2011, 08:51 AM -
Banner Alignment
By djd5059 in forum Templates, Stylesheets, Page LayoutReplies: 4Last Post: 7 Jul 2010, 08:58 PM -
Sidebox banner alignment
By hamid84 in forum Templates, Stylesheets, Page LayoutReplies: 4Last Post: 2 Jan 2010, 10:11 PM -
theme277--css--banner alignment
By DarkAngel in forum Templates, Stylesheets, Page LayoutReplies: 1Last Post: 21 Nov 2009, 04:59 AM
