June 26, 201214 yr Hi Desperate for some help. Just built a custom site in wordpress and woo commerce and it seems to work fine in firefox,chrome and safari However in IE it displays homepage images wrong (in a vertical line rather than a grid) I am just starting out so it is probably my coding! If anyone can help it would be most appreciated though. www.cardsbysashika.com
June 26, 201214 yr http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fcardsbysashika.com%2f IE is, rightly, sensitive to UL/LI being closed correctly so it maybe that. Have a look through the errors and work on those.
June 26, 201214 yr You could do away with the ul & li. I tried this and it worked in IE - not perfect but might get you going in the right direction: <html> <style> img { background-color:blue; float:left; width:190px; height:190px; margin-bottom:10px; } .format {margin-left:10px;} #portfolio{ width:400px; height:400px; background:red; } </style> <div id="portfolio"> <a href="http://cardsbysashika.com/product/anniversary-card-summer-flowers/"><img src="/homepage-images/topleftgrid.jpg"></a> <a href="http://cardsbysashika.com/product/card-for-any-occasion-butterfly/"><img src="/homepage-images/toprightgrid.jpg" class="format"></a> <a href="http://cardsbysashika.com/product/birthday-card-frosted-cupcake/"><img src="/homepage-images/bottomleftgrid.jpg"></a> <a href="http://cardsbysashika.com/product/birthday-card-floral-patchwork/"><img src="/homepage-images/bottomrightgrid.jpg" class="format"></a> </div> </html> Edited June 26, 201214 yr by jheg
Create an account or sign in to comment