It's nothing to do with jQuery ajfmrf, but it would help to have the original working demo. Even without it, you can see in the current extendedslider.css file, around line #79:
Code:
#paginate-slider4 {
background-color: 101010;
black-space: nowrap; /* leave as is */
position: absolute; /* leave as is */
left: 0; /* leave as is */
top: 0; /* leave as is */
}
That's invalid. In the original, it's:
Code:
#paginate-slider4 {
background-color: 101010;
white-space: nowrap; /* leave as is */
position: absolute; /* leave as is */
left: 0; /* leave as is */
top: 0; /* leave as is */
}
Lady Rogue, the word white here has nothing to do with color. It means the space between inline elements and characters. Without it the slider has nowhere to slide to because its overflow has wrapped. Just changing that back (it is marked - /* leave as is */) will fix the slider arrows. I also see above that.
Code:
background-color: 101010;
101010 isn't a valid color. If you want that color, it needs to be:
Code:
background-color: #101010;
You have that in one other place around line #17 (add the red if you really want that color):
Code:
.sliderwrapper .contentdiv {
visibility: hidden; /* leave as is */
position: absolute; /* leave as is */
left: 0; /* leave as is */
top: 0; /* leave as is */
padding: 5px;
background: #101010;
width: 485px; /* width of content DIVs within slider. Total width should equal slider's inner width (490+5+5=500) */
height: 100%;
}
There could also be other css errors. You can validate your css:
http://jigsaw.w3.org/css-validator/
But sometimes correcting something that's invalid makes it do something you don't want. It helps to have a good knowledge of css and when in doubt consult a good css resource. I like:
http://www.blooberry.com/indexdot/css/propindex/all.htm
That's for properties, they also have good info on selectors:
http://www.blooberry.com/indexdot/cs.../selectors.htm
All their css info can be accessed from:
http://www.blooberry.com/indexdot/css/index.html
It's a little out of date (no CSS 3 yet, which is good in a way, the CSS 2 stuff they have works in almost all browsers. CSS 3 is still a little sketchy), but there are others, and you can usually Google the individual property name if it's a valid one. That's what I do if it's CSS 3.
Bookmarks