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