Re: Module alignment is off

  • milos
    Support Staff
  • Moderator
  • Moderator
More
13 years 4 months ago - 13 years 4 months ago #4030 by milos
Replied by milos on topic Re: Module alignment is off
Change margins in style.css file of the module to:
Code:
div#headerslider { margins: -1px 0 0 -9px; }
Last edit: 13 years 4 months ago by milos.

Please Log in to join the conversation.

More
13 years 4 months ago #4038 by paulbean
Thank you so much! That worked great!!!

Please Log in to join the conversation.

More
13 years 4 months ago #4067 by paulbean
The module was working great until I added a four image to the parameters in the back end. Now the slider doesn't "move" past the first slide.

I made sure I had the right name of the jpeg, and all the fields in the parameters were filed in with valid info. Is it something in my CSS?

174.132.162.162/~ncu2010/

Please Log in to join the conversation.

More
13 years 4 months ago #4071 by ivan.milic
I see that something is wrong with 3-rd image because it's not encapsulated into a tag. Can you check that?

Please Log in to join the conversation.

More
13 years 4 months ago - 13 years 4 months ago #4096 by paulbean
I'm not sure how to check that. I looked in the module parameters and it looks like I set up everything correctly.

I'm wondering if it's a Java conflict or CSS issue?

I was thinking that it was a problem adding the 4th image in the module, but I just deleted the 4th item and it's still behaving the same way...no rotation of the images whatsoever.

How do I troubleshoot this? Help!
Last edit: 13 years 4 months ago by paulbean.

Please Log in to join the conversation.

More
13 years 4 months ago - 13 years 4 months ago #4103 by ivan.milic
Download chome browser , righ click on the image and the click inspect element.
You will se that you images are placed one below another when you mouse hover over their source tag. (Chrome has best in the world web page debugger so you can change values and see what happens)

From what I saw your images should have:

position:absolute;
in
div#headerslider div#slide-holder img {
display: none;
margin: 0px;
position: absolute;
}

,because slider only moves them left and right
Last edit: 13 years 4 months ago by ivan.milic.

Please Log in to join the conversation.

Time to create page: 0.315 seconds
Powered by Kunena Forum