Hi,
after much fiddling, i figured out that in Mozilla the
jquery.jcarousel.css gets rendered last (or has priorit) and the
classes that relate to the buttons in the mentioned file did not have
the image declaration as that resides in the skin.css file hence the
images for the arrows were not showing even though the alignment and
even the click event for the image containing divs were working fine.
so basically i move the following lines over into their respective
classes in the jquery.jcarousel.css and it worked:
background : transparent url(../skins/tango/next-horizontal.png) no-
repeat 0 0; into the .jcarousel-next class
AND
background : transparent url(../skins/tango/prev-horizontal.png) no-
repeat 0 0; into the .jcarousel-prev class
it is a very weired behaviour of Mozilla but at least i got it right.
as for IE, it doesnt care in which one of the files mentioned the
image declaration resides.
thanks for trying to help anyways.
ciao.
On Feb 27, 6:35 pm, FishNYC <[EMAIL PROTECTED]> wrote:
> it prob has something to do with the width of
>
> .jcarousel-skin-tango.jcarousel-container-horizontal
>
> and
>
> .jcarousel-skin-tango.jcarousel-clip-horizontal
>
> I struggled with that for a while before I got the right numbers to
> get them to no be pushed out of view.
>
> Also I see you commented out this stuff... did you not want the
> rollovers to work for your buttons?
>
> /*.jcarousel-skin-tango.jcarousel-next-horizontal:hover{ background-
> position : -32px 0; }
>
> .jcarousel-skin-tango.jcarousel-next-horizontal:active{ background-
> position : -64px 0; }
>
> .jcarousel-skin-tango.jcarousel-next-disabled-horizontal,
> .jcarousel-skin-tango.jcarousel-next-disabled-horizontal:hover,
> .jcarousel-skin-tango.jcarousel-next-disabled-horizontal:active
> {
> cursor : default;
> background-position : -96px 0;
>
> }*/
>
> On Feb 26, 5:27 am, "TALORLIK" <[EMAIL PROTECTED]> wrote:
>
>
>
> > Hi,
>
> > I've posted 3 times to the group but got no answers at all.
>
> >Pleasei really need help with this.
>
> > Basically in IE7 i got it to work perfectly but in FireFox Mozilla the
> > arrows don't show. I've tried a million and one things including changing
> > the arrow images to gif but it still doesn't work.
>
> > I'm attaching just the modified CSS files, the HTML page and the two new
> > images, i assume you have the rest. i.e. the js files.
>
> > Thank you in advance,
> >Tal.
>
> > P.S. im using the tango skin (you can also see in the code but just in
> > case).
>
> > skin.css
> > 5KDownload
>
> > next-horizontal.gif
> > 1KViewDownload
>
> > prev-horizontal.gif
> > 1KViewDownload
>
> > jquery.jcarousel.css
> > 1KDownload
>
> > [jcarusel_test.html]147
>
> > « PrevScroll 1 item per clickScroll 2 items per clickScroll 3 items per
> > clickScroll 4 items per clickScroll 5 items per clickNext »- Hide quoted
> > text -
>
> - Show quoted text -
