Change cursor (images) from pointer to standard

Hi everybody,

I started working with Lectora and tried some things - but I ran into problems;) I hope you can help me.

The first problem is:

Images always change the cursor to a pointer (the hand). Users must think that there's some kind of interaction - but of course it's not.

I tried to define and assign a css-class, but that didn't work (I'm not sure why). Maybe someone could explain how I do that in the right way?

I explored the html-surrounding for the images. There's always the the tag: href="javascript:void(null)">

Is that the problem?

Thanks for your help!

Discussion (8)

Hi, images in Lectora do not have a pointer cursor unless you add an "On Click" action to them. So what you are seeing is not normal and maybe you have an action on the image or a transparent button on top of it or something.

How are you adding them to the title? Can you share a sample of the title and/or published output and/or screenshots?

Thanks for your fast reply. I uploaded a short version: https://drive.google.com/folderview?id=0B9Z-pQ4pp592Q2FDTEF3MFp0bjQ&usp=sharing

I hope it works and you see and solve my problem...

How do you insert these images? Usually there shouldn't be a pointer if you just "Insert > Image", as long as you don't add an action to it. To add a CSS class to an element click on the arrow in the bottom right corner of the "Appearance" group in the elements properties. Just enter the name (e.g. "my_class"), no period. Mind that the class is assigned to the div that contains the image, not the image itself.

Tim

Thanks, Sergey. I couldn't get the lesson to load the images. You can add a cascading style sheet with the following and all the images you add will show a default cursor on mouseover:

img[name^="image"] {

cursor:default;

}

undefined

DRS

Would you be able to re-upload a zipped file. I downloaded everything but I'm getting the dreaded unable to find graphics error. It may just be the way I did it but a zip would be easier. Thanks.

Okay, I found the problem. Your title has 508 compliance mode enabled (Title undefined Use Web Accessibility Settings). When publishing images in this mode, Lectora wraps them into "clickable" tags, hence the "hand pointer" cursor. So you either disable this mode or re-style the cursor using CSS (stay tuned for a how-to).

Thank you so much - it works! I'm working with the German version and the part of 508 compliance mode is translated terribly - I do not understand the sentence, something is missing obviously...

Do I have to assign the defined class to the objects afterwards? Classes for using css sheet are all defined within the system?

undefined

No, you will not have to assign any classes. Lectora assigns a name of "image" followed by some numerals to every image added. The selector above basically says find all images that have name beginning with image [name^="image"] and assign them the default cursor.

The drawback to this is that it will do this for EVERY image. If you only wanted to do certain images then you would have to set up a different selector and add classes to those you wanted effected.

Darrel

Discussions have been disabled for this post