PDA

View Full Version : Easy Slider 1.7 JQuery



lasa2
08-12-2010, 07:51 PM
I've looked everywhere... tried to join the JQuery forum but they are reviewing my application? really would like to lay this puppy to rest.
I have easyslider 1.7 on a site I'm building... everythings good but they would like to have the numeric controls appear aligned on the right side below the sliding images instead of the align left.

http://www.threefooter.com/easyslider_numeric

I tried every conceivable combination in the css file... I assumed it would be simply change the float:left to float:right (not)

below is the CSS numeric controls:

/* numeric controls */

ol#controls{
margin:1em 10;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

Any help would be greatly appricated.

Lasa2

azoomer
08-12-2010, 08:17 PM
I think this looks about right

ol#controls {
height:100px;
margin-bottom:1em;
margin-left:320px;
margin-right:-20px;
margin-top:1em;
padding:0;
}
If everything else is left the way it is.

lasa2
08-12-2010, 09:06 PM
Perfect!!.. thank you! You don't know how I've been looking for this all over the place...

Lasa2

lasa2
08-12-2010, 09:27 PM
Wow since I never expected that.. can I ask how to have the numeric controls closer to the sliding images? I tried changing the height: 100px but it didn't work.
http://www.threefooter.com/easyslider_numeric

azoomer
08-12-2010, 10:19 PM
You can change the margin-top to what you like, for example 4px

ol#controls {
height:100px;
margin-bottom:1em;
margin-left:320px;
margin-right:-20px;
margin-top:4px;
padding:0;
}

lasa2
08-13-2010, 12:26 AM
Perfect! ... I am so glad I found this forum!
Thanks again,

Lasa2