Knowledge Base support case for Likno Web Scroller Builder, abstracted and stripped of all user’s private info.


Initial Email From:
John
Initial Email Subject: Web Scroller Builder - How to control vertical position of items within their container
Support Case Month: June 2013

Hi Kostas and crew

A very quick question.  Starting with the Example12 BBC layout, I've removed the top area, made some other minor changes, and made the item area the same size as the container area.  I have sized my images so that there is spare height within the item area for a caption beneath the image. 

Now I need the images to align to the top of the container area, so that there is no black area above the photo of the volcano in the attached PDF (and so making the height of the black area at the bottom larger). 

How?

If you could wiz me back an answer this afternoon that would be great!

My HTML (from ASP.NET) is in this form:

<ul>
    <li>
        <img>
        <p>caption<p>
    </li>
</ul>

Many thanks for your help.

Regards,
John

Reply From: Likno Customer Support

Hello John,

You need to have the same height in BOTH the "Container" and "Items":

scroller slider container area height

scroller slider items area height

Because you cannot change the "middle" vertical alignment of the items (it is like that by design for other reasons).

So, also remove this, it cannot do anything:

scroller slider hand coded CSS

Kind Regards,
Aris
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: John

Hi Aris

If I do that then there is no space for the caption beneath the image.  How can I then display the caption?

John

Reply From: Likno Customer Support

You will still have room below the image to add the caption, as long as the image height is smaller than the items height.

I did this on your project here:

scroller slider image caption

Kind Regards,
Aris
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: John

Thanks very much Aris. That works.

John

 

Tags: , , , , , , , ,