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: , , , , , , , ,

 

Knowledge Base support case for AllWebMenus,  abstracted and stripped of all user’s private info.


Initial Email From:
Paolo
Initial Email Subject: questions about AllWebMenus
Support Case Month: November 2012

Hello Aris,

Thank you for your reply.

I have made a new menu and have a question. Is it possible to align the icon on the left and the text on the right?? 

Thanks,
Paolo

Reply From: Likno Customer Support

See this option:

foreground image left of menu text

Best Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Tags: , , , , , , , , , ,

 

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Christo
Initial Email Subject: Google Chrome settings in the Browser Specific Offsets
Support Case Month: August 2012

Hello

See {URL REMOVED}

We have set the Google Chrome settings in the Browser Specific Offsets but we cannot align the menu correctly in Chrome.

Menu position correct in IE and Firefox, but not aligned correct on left side in Chrome.

We have the latest version registered for {URL REMOVED}

Regards
Christo

Reply From: Likno Customer Support

Hello Christo,

We looked at your website's CSS and found that you have the following entry in the "style.css" file:

#AWMEL0{

            left:225px!important ;top: 124px!important;

}

How did that get there? Did you put it there manually?

Please *remove* this entry from there and then get rid of the "Browser Specific Offsets", you do not need them.

Best Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Tags: , , , , , , , , , , , , , , , ,

 

October 22nd, 2012LWTB: Set Tabs align

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

 

Initial Email From: Rich
Initial Email Subject: Tab align| Tabs Builder
Support Case Month: April 2012

Is it possible to have the first tab hard aligned left rather than being indented the few pixels it is?

Thanks,

Rich

Reply From: Likno Customer Support

Hello Rich,

What CSS values do you have for the "Tab Headers Common CSS"?

Can you send them to me to see?

tab header css

I believe you have to edit the "margin" values accordingly.

Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Rich

font-family: "myriad-pro-condensed", Tahoma, Geneva, sans-serif

font-size: 22px;

text-align: center;

padding: 6px 11px 6px 11px;

cursor: pointer;

margin-right: 4px;

width: auto;

height: auto;

font-weight: 900;

border-top-left-radius: 4px;

border-top-right-radius: 4px;

Reply From: Likno Customer Support

Hello Rich,

I do not see any problem there.

What about the CSS here?

header area overflow css

Can you send this too?

ALSO, you have a missing semi-colon here so, the "font-size" is not actually applied!

css properties

Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Likno Customer Support

Hello Rich,

If you do not mind can you please export and send me your project file, so that we can have a better look at the problem?

This is what you should do to export your project into a ZIP file and then email this ZIP to us.

export tabs project

Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Rich

Aris,

The project has been exported as you requested. I also attached an image to show what I am trying to do. I suspect it's a simple fix.

Happy Easter! Thanks for your help.
Thanks!

Rich

Reply From: Likno Customer Support

Hi Rich,

It is indeed what we thought!

The setting that needs to be changed is on the "Tab Header Area CSS":

css padding

Just change this to:

padding: 0px 5px 0px 0px;

… and you will get ZERO pixels padding on the left side of the entire "Header Area" (not the individual "headers" but the "Area" that contains them).

I believe now you also learned how the different CSS (for different elements of the control) affect the design. You can actually implement limitless concepts if you properly take advantage of these available CSS fields!

Also thank you for the Easter wishes.

Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Tags: , , , , , , , , , , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows