PDA

View Full Version : Simple Controls Gallery Nav Buttons



Greggormac
06-29-2010, 04:04 PM
1) Script Title: Simple Controls Gallery v1.3

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm

3) Describe problem: The nav buttons (Previous image, Next image, Play & Pause) are stacked on top of one another, I'm wanting them to be side by side (like the demo) how can I change this?

azoomer
06-29-2010, 06:54 PM
Could you post a link to your site ?

ddadmin
06-29-2010, 07:44 PM
Please post a link to the page on your site that contains the problematic script so we can check it out.

Greggormac
06-29-2010, 08:10 PM
Thanks Guys,

http://www.gospelbc.org/index_java.htm

azoomer
06-29-2010, 08:54 PM
in gospelbc.css line 27
You see this

img {
border-bottom-color:-moz-use-text-color;
border-bottom-style:none;
border-bottom-width:0;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:-moz-use-text-color;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:none;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:0;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:-moz-use-text-color;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:none;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:0;
border-top-color:-moz-use-text-color;
border-top-style:none;
border-top-width:0;
display:block;
}
It seems to be the display: block; causing the problem. You can delete it or change it to display:inline; or even override it with something like this:
.navimages img { display: inline;}
Of course you need to put that further down in the cascade for it to work.

Greggormac
07-01-2010, 01:42 PM
Worked like a charm!! Thanks so much