Problems with aligning best seller list

[JimboS]

I noticed on my 'Best Sellers' and 'Newest Products' that because some of my product names wrapped onto two lines the second line started inline with the number rather than the text.

I have therefore added a <div> tag to correct this. Now from a layout point a view this works fine. However, now the only links that work now are those that wrap onto a second line, those on a single line do not.

You can see that I mean at www.viteyes.co.uk

The code I am now using is:
<actinic:variable name="ListIndex" />.<DIV style="margin-left:12px; margin-top:-14px;"><a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable Name="ProductID" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>"><Actinic:Variable Name="ProductName"/></a></DIV>
<!-- <actinic:variable name="ProductImageLayout" /> -->
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductReferenceVisible%22%20%2f%3e" >
<!-- (Ref: <actinic:variable Name="ProductReference" />) -->
</actinic:block>
<!-- <actinic:variable name="PriceListRetail" /> -->

The only bits I have added are the <DIV style="margin-left:12px; margin-top:-14px;"> 7 </DIV>

James

[dscontroller]

Hi James,

ALL the links are working for me on the URL you've given!!

David

[JimboS]

It is only the links in the 'Best Sellers' and 'Newest Products' sections that do not work.h

Ah on further investigation - it works in firefox not IE!!

James

[jont]

Could it be the negative top margin causing the issue in IE? IF you are using this to bring the <a> inline with LISTINDEX try using a <span> rather than the <div>

You would also be better creating a .class in the stylesheet rather than inline CSS ... that way you can sort the issue and upload a single file rather than having to republish the whole site.

[dscontroller]

Hi James,

Looks like an errant bit of code in there! See the attached png.

[JimboS]

All sorted now guys - thanks

James

[jont]

I see you ditched the CSS and went with additional table cells in the end.

[JimboS]

I see you ditched the CSS and went with additional table cells in the end.

It may be messy, but it works!!

James