DMXzone Nivo Slider Support Product Page

Answered

Problem with Nivo Slider not staying inside flexible div

Asked 19 Apr 2013 18:15:33
1
has this question
19 Apr 2013 18:15:33 Bill Teale posted:
example - signature-online.net/southcreek/

I have the right hand side of the screen displaying a google calendar with a fixed width of 450 pixels, and I have a div alongside with a flexible width.

The nivo slider (which takes its six slides from a database) should be inside that div, but it stretches way too far across.

I left most of the css inline, apart from the div that contains the two divs side by side, which is...

#imagepanelcontainer {
clear: both;
height: auto;
width: 85%;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
min-width: 720px;
}

I would ideally like the nivo slider to expand and collapse as required, with the text appearing at the bottom of the, and set a maximum height for the whole thing of 500 pixels to fit in the panel alongside the Google Calendar - is this at all possible?

Thanks!

Replies

Replied 22 Apr 2013 06:49:10
22 Apr 2013 06:49:10 Miroslav Zografski replied:
Hello Bill,

Make the div that holds the slider be of less width - in example 57% or 58%. Also make the Slider be of 98% width.

Regards.
Replied 22 Apr 2013 10:25:57
22 Apr 2013 10:25:57 Bill Teale replied:
thanks for the tip Miro, I couldn;t quite get it to work unfortunately, I don;t think I'm going to to get the desired effect using nivo slider.
Replied 22 Apr 2013 10:40:39
22 Apr 2013 10:40:39 Miroslav Zografski replied:
The problem is mostly your layout. Not the Nivo itself.

shrinking the nivo container will help you a lot.
Replied 22 Apr 2013 10:55:24
22 Apr 2013 10:55:24 Bill Teale replied:
absolutely understood, didn't mean to imply the extension is bad in any way.

Is there a way to separate the text and image, or will it alwsy be over the top of the graphic?
Replied 22 Apr 2013 11:03:49
22 Apr 2013 11:03:49 Miroslav Zografski replied:
Hi Bill,

The position of the Titles and Descriptions is design dependable and is always visible.

Regards.
Replied 22 Apr 2013 11:08:32
22 Apr 2013 11:08:32 Miroslav Zografski replied:
And Bill,
A hint - use images of same width and height if possible in the Nivo.

Regards.
Replied 22 Apr 2013 11:23:47
22 Apr 2013 11:23:47 Bill Teale replied:
... and that's where you hit the nail on the head This particular client of mine uploads their own photos, and has proved incapable of keeping to a particular orientation, let alone an actual size! That's why I said this wasntt going to produce the desired results, not the extension's fault at all
Replied 22 Apr 2013 11:47:16
22 Apr 2013 11:47:16 Miroslav Zografski replied:
I see...
Well... you could incorporate a resize on uploaded images to fit the design, especially if you are using our upload extension.

Regards.
Replied 22 Apr 2013 12:25:58
22 Apr 2013 12:25:58 Bill Teale replied:
Thanks for all your advice

Reply to this topic