+ Icon is misaligned after changes
Posted: Mon Jan 31, 2011 11:59 am
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.
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> | </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> | <a href="<actinic:variable name="OrderLinkText" />"><actinic:variable name="CheckOutText" /></a> | <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>
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.
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> | </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> | <a href="<actinic:variable name="OrderLinkText" />"><actinic:variable name="CheckOutText" /></a> | <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>