+ Icon is misaligned after changes

Two level, smoothly expanding, search engine friendly accordion menu.
Post Reply
AdieB
Posts: 1
Joined: Mon Jan 31, 2011 11:50 am

+ Icon is misaligned after changes

Post by AdieB »

Hi Norman,
I have added some images with hyperlinks onto my Outer Layer, which seems to have caused the + icon on the Accordion menu to become misaligned. Do you have any ideas how I could correct this.
Check out www.servatech.co.za
Below is the code as added and changed.
Is it posible to trial the new version of Accordion to see how it looks on the site as well, as I probably want to upgrade. :oops:
Kind Regards
Adrian

<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Brochure%22">
<actinic:variable name="CompanyLogoImage" />
</actinic:block>
<div id="silver-login-terms"> <p><Actinic:NOTINB2B><a href="<actinic:variable name="LoginPageURL" />"><actinic:variable name="LoginText" /></a>&nbsp;|&nbsp;</Actinic:NOTINB2B><a href="<actinic:variable name="SendMailPageLink" />"><actinic:variable name="SendMailText" /></a></p></div><div id="silver-cart-checkout"><p><a href="<actinic:variable name="CartLinkText" />" class="silver-cart-link"><actinic:variable name="CartText" /></a>&nbsp;|&nbsp;<a href="<actinic:variable name="OrderLinkText" />"><actinic:variable name="CheckOutText" /></a>&nbsp;|&nbsp;<actinic:variable name="ShoppingCartSummary" value="Shopping Cart Summary In A Line" /></p></div>
<a href="http://www.servatech.co.za/acatalog/Com ... html"><img border="2" style="border-color:#ffffff" src="H:\TEMP IMAGES\shipping.JPG" alt="Shipping Information" title="Shipping Information"></a>
<a href="http://www.servatech.co.za/acatalog/Com ... html"><img border="2" style="border-color:#ffffff" src="H:\TEMP IMAGES\contactus.JPG" alt="Contact Us" title="Contact Us"></a>
<a href="http://www.servatech.co.za/acatalog/Com ... html"><img border="2" style="border-color:#ffffff" src="H:\TEMP IMAGES\login_icon.JPG" alt="Customer Login" title="Customer Login"></a>
<a href="http://www.servatech.co.za/acatalog/Com ... html"><img border="2" style="border-color:#ffffff" src="H:\TEMP IMAGES\searchmag.JPG" alt="Search for Product" title="Search for Product"></a>
<a href="http://www.servatech.co.za/acatalog/Com ... html"><img border="2" style="border-color:#ffffff" src="H:\TEMP IMAGES\secure250x65.JPG" alt="Secure Shopping" title="Secure Shopping" ></a>
<div id="silver-nav-bar">
<div id="silver-quick-search-container">
<div id="silver-quick-search">
<div id="silver-quick-search-field">
<form name="simplesearch" method="get" action="<actinic:variable name="OnlineScriptURL" value="Search Script URL" />">
<input class="silver-search-field" name="SS" type="text" value="Search the Site" onfocus="this.value='';"/><input class="silver-search-button" type="image" name="ACTION" src="silver-search-button.gif" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">
<!-- Hidden field when in trial mode -->
<input type="hidden" name="SHOP" value="<Actinic:Variable Name="HiddenFields"/>" />
</actinic:block>
<input type="hidden" name="page" value="search" />
<input type="hidden" name="PR" value="-1" />
<input type="hidden" name="TB" value="A" />
</form>
</div>
</div>
</div>
<div id="silver-nav-bar-left">
<ul>
<li><actinic:variable name="NavigationIcon" value="Home Basic Link" /></li>
<li><actinic:variable name="NavigationIcon" value="Enter Shop Basic Link" /></li>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200" >
<li><actinic:variable name="NavigationIcon" value="Up A Level Basic Link" /></li>
</actinic:block>
</actinic:block>
<li><actinic:variable name="NavigationIcon" value="Terms Basic Link" /></li>
<li><actinic:variable name="NavigationIcon" value="Search Basic Link" /></li>
<li><actinic:variable name="NavigationIcon" value="Contact Us Basic Link" /></li>
<li><actinic:variable value="Sitemap Basic Link" name="NavigationIcon" /></li>
</ul>
</div>
</div>

<div id="silver-main">
<div id="silver-sidebar-left">

<div class="silver-sidebar-list">
<div class="silver-sidebar-list-bottom">
<div class="silver-sidebar-list-top">
<h1>Product Sections</h1>
<actinic:variable name="AccordionMenu" />
</div>
norman
Site Admin
Posts: 1252
Joined: Sat Feb 07, 2004 9:55 pm

Re: + Icon is misaligned after changes

Post by norman »

I can't see where this is coming from. I'm not a web-design or CSS expert so I'm not the right one to help. Note that there is a specific "SILVER" theme note in the Accordion ReadMe. Make sure you've followed that. Also I see a small bar just above the menu. This shouldn't be there either. I think you've misread the ReadMe and used <blank> for SectionHeading instead of making that entry empty.

I've sent the current V9 /V10 Accordion to you by email for you to evaluate.
Norman
Post Reply