Support Forum Softcomplex logo
About Us  | Services  | Download  | Order  | Support  | |
| Search | Today's Posts | Stats | Board Rules | Not logged in [ Login | Register ]
go to bottom
Last active: Never

Printable Version | Subscribe | Add to Favourites   Post new thread
Author: Subject: Tigra menu Pro > Tricky to center the menu
sergio93
Junior Member

Posts: 4
Registered: 1/27/2009
Member Is Offline
posted on 1/27/2009 at 09:51 AM Reply With Quote
Tigra menu Pro > Tricky to center the menu


Hi,
I'm using the Tigra Menu Pro (v2.1 06/26/2007). I managed to center the menu under the head banner for IE 7 and Firefox 3 bur it remaions a few pixels shifting. Overall, the menu is not centered at low resolution ( 1064X 768 ou 800X600).
> I've embed the menu in a DIV.
> I've set margin-left:auto and margin-right:auto the CSS with any result. Somebody has a solution ?

Thank's for your replies.

Attachment: menu_tpl.js (695b)
This file has been downloaded 480 times
View User's Profile View All Posts By User U2U Member
tigra
Administrator

Posts: 2049
Registered: 6/17/2002
Location: US, CO
Member Is Offline
posted on 1/28/2009 at 02:05 AM Reply With Quote

the PRO version of the menu should be placed directly inside the <body> element, preferably before </body> tag.
It is possible to configure the menu so the coordinates are adjustment based on the browser detected.

For example in menu_tpl.js:

/* Tigra Menu PRO template structure */

var s_userAgent = navigator.userAgent.toLowerCase();
var b_IE = (s_userAgent.indexOf('msie ') != -1);

var MENU_TPL = {
'width': [150,190,190],
'height': [20,20,20],
'block_left': [(b_IE ? 7 : -11),0,190],
'block_top': [195,25,0],
'left': [120,0,0],
'top': [0,25,25],
'hide_delay': [500,500,500],
'expd_delay': [500,500,500],
'align': 'center',
'pixel_path': 'pixel.gif'
};

This code will result in 7px offset for IE and -11px for all other browsers.
In tricky layout consider using Tigra Menu GOLD version which supports the relative positioning.
View User's Profile View All Posts By User U2U Member
sergio93
Junior Member

Posts: 4
Registered: 1/27/2009
Member Is Offline
posted on 1/28/2009 at 10:14 AM Reply With Quote
Explanation request >


Thank's for your reply.
1) You write "menu should be placed directly inside the <body> element" . In which page ?
My site is based on PHP includes in the main page index.php:

<?php include('head.inc.php'); ?>


<?php
include('menu.html'); // Tigra Menu include
?>
etc.

2) My menu_tpl.js page has only one argument
var MENU_TPL = [
{
'width': 100,
'height': 24,
'left': 142,
'top': 0,

Do i need to modify the code you send me according this ?
View User's Profile View All Posts By User U2U Member
tigra
Administrator

Posts: 2049
Registered: 6/17/2002
Location: US, CO
Member Is Offline
posted on 1/29/2009 at 01:14 AM Reply With Quote

1. Place your include so the menu initialization appears right above </body> tag in the resulting HTML code.
2. Make sure you use Tigra Menu PRO (see menu.js for version information). The format of the file in your response is not valid for PRO version.
View User's Profile View All Posts By User U2U Member
Post new thread

Related Links:
Product Page Tigra Menu
Product Demonstrations Live Demos:
Traditional Blue
White Steps
Inner HTML
All Together
Frames Targeting
Free Download Free Download
Free Download Menu Builders
Online Builder
Builder for Windows
Product Documentation Documentation:
Documenation Page
Change Log
Menus Comparison Table
Support Forum Support Forum
 
Tigra Menu PRO
Product Demonstrations Live Demos
Alignment & Multimenus
Unlimited Depth
Item sizing and positioning
Inner HTML
Frames, Targeting
Static Positioning
Free Download Menu Builders
Online Builder
Product Documentation Documentation
Documenation Page
Tigra Menu PRO FAQ
Change Log
Menus Comparison Table
Support Forum Technical Support
Support Forum
Customer Care System
Order Now ORDER NOW!
Add to Cart
View Cart
 
Product Page Tigra Menu GOLD
Functionality demos Functionality demos
Multiple
Cross-framed
Select-boxes
Effects
Design demos Design demos
Icons & arrows
Idea!
Hi there!
Matrix
MS Style
XP Style
Dots
3D-Buttons
Product Documentation Documentation
Documenation Page
Change Log
Menus Comparison Table
Support Forum Technical Support
Support Forum
Customer Care System
Order Now ORDER NOW!
Add to Cart
View Cart
 

Go To Top


Powered by XMB 1.9.1 Nexus
Developed By Aventure Media & The XMB Group © 2002-2004