I'm relatively new to web design (and this site) but I've been working on a slider code using easySlider.js (a jQuery thing) and finally thought I had it working. Seems to be displaying correctly in Firefox and IE, and relatively correctly in Opera, but in Safari it pushes the images in the slider to the side. The site's made using a WordPress frontend. Here's the url:


Any help would be greatly appreciated. Thanks!


3 answers

danwellman 5600
This was chosen as the best answer

Is there a reason why you're using nested tables within each li in the slider? The plugin doesn't seem to demand it and it appears to be making your code much more cumbersome than it needs to be.

You could try clearing the floats in the slider by adding <div stlye="clear:both"><!-- --></div> (or better using a class name and a style rule rather than inline) after the <ul> in the widget

Answered almost 8 years ago by danwellman
Daan 110

Not sure if it causes the problem, but in some places in your source code, there are curly quotes ( “ ” ) around attributes instead of straight quotes (" "). This usually happens when you copy and paste code from a web article into your source file.

It might be that this causes certain browsers to ignore certain pieces of your code. Fix this first, i.e. replace the curly quotes by regular quotes. If the problem still persists, post again!

Answered almost 8 years ago by Daan

I've been using tables just because I don't know much about CSS. We don't have an actual web designer so I try picking it up by reading the existing WordPress code and Googling code in my spare time.

But the clear thing did the trick, that was simple enough. Thanks. I'll start reading up on replacing tables with class/style.

Also thanks, I'll see about those curly quotes.

Answered almost 8 years ago by Gavin Aronsen
  • glad it worked :D the tables thing wasn't really part of the answer, but simple clean code is inherently more compatible across browsers and is much easier to debug :) danwellman almost 8 years ago