Tigra Menu Product Family - Tigra Menu Product


	\| About Us \| Services \| Download \| Order \| Support \| \|

Not logged in [ Login | Register ]

SoftComplex Forums » Tigra Menu Product Family » Tigra Menu Product » Images

Last active: Never

Printable Version | Subscribe | Add to Favourites

the doomed

Junior Member

Posts: 5
Registered: 7/7/2004
Member Is Offline

posted on 7/7/2004 at 02:32 PM

Images

Im attempting to insert an image in place of text at the top of my drop down menu. However on doing so the image is surrounded by a 2 pixel blue border that I cannot find the code for. Can anyone advise of the solution of a better way to fix my problem?

Script I have for image in menu_tpl.js is:

var MENU_ITEMS = [
['<img src="../images/top_links_services.gif" width="73" height="12">', null, null,
['Maintenance', '../services/maintenence.shtml'],
['Security & Communications', '../services/security_communications.shtml'],
],

could it be the css? I have tried ammending it but no success. Following is css:

.m0l0iout {
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
padding: 0px;
color: #333333;
font-weight: bold;
border: 0px none;
margin: 0px;
}
.m0l0iover {
font: bold 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: underline;
padding: 0px;
color: #333333;
}

/* level 0 outer */
.m0l0oout {
text-decoration : none;
border : 0px solid #FFFFFF;
background: #FFFFFF;
}
.m0l0oover {
text-decoration : none;
border : 0px solid #FFFFFF;
background: #FFFFFF;
}

All help much appreciated

tigra

Administrator

Posts: 1990
Registered: 6/17/2002
Location: US, CO
Member Is Offline

posted on 7/9/2004 at 04:38 PM

disable all styles by commenting them out (/* .. */) then uncomment them one by one checking the menu. That's how you'll find the style causing this offset.

the doomed

Junior Member

Posts: 5
Registered: 7/7/2004
Member Is Offline

posted on 7/14/2004 at 08:23 AM

Ive removed all of css and still get blue border around image. even deleted the css script all together. Any suggestions? It is definately not my image that has border as part of it

tigra

Administrator

Posts: 1990
Registered: 6/17/2002
Location: US, CO
Member Is Offline

posted on 7/14/2004 at 10:50 PM

set attribute border=0 in your <img ..> tags

the doomed

Junior Member

Posts: 5
Registered: 7/7/2004
Member Is Offline

posted on 7/15/2004 at 09:05 AM

your a gent. thank you

the doomed

Junior Member

Posts: 5
Registered: 7/7/2004
Member Is Offline

posted on 7/15/2004 at 12:09 PM

oh, how do I centre my image? html code doesnt appear to work up there on level 0.

I tried:
var MENU_ITEMS = [
['<div align="center"><img src="../images/banana.gif" border=0></div>', null, null,

but this never worked. It works on lower levels no problem. Any suggestions?

tigra

Administrator

Posts: 1990
Registered: 6/17/2002
Location: US, CO
Member Is Offline

posted on 7/15/2004 at 01:31 PM

try aligning using CSS properties. your image may be aligned within div, but div doesn't necessarily take all the width of the menu item.

the doomed

Junior Member

Posts: 5
Registered: 7/7/2004
Member Is Offline

posted on 7/15/2004 at 04:17 PM

nice one. went the simple way and just widened my image and shifted the graphic on it.

Im looking for another solution for my site, might have to do it in flash however. Perhaps soft complex might have a solution:

I have 12 squares. When i hover over each square I want it to be a link. Easy enough. However, when I hover over a square I want text to appear below the series of squares (they are in a grid format 4x3). Again, not to hard. But, when I hover over another square I need the text to change to the corrosponding text.

The text can be either in form of just text or an image. Any suggestions? Basically the test is just to be an expldaination of where link is to take you to, ie about us or contact us

tigra

Administrator

Posts: 1990
Registered: 6/17/2002
Location: US, CO
Member Is Offline

posted on 7/20/2004 at 07:09 PM

With onmouseover/out event handlers you can do that with Tigra Menu GOLD, but it is easier to create custom, lighter script without all those powerfull features you don't need in this case. Our quote for this will be close to the price of single domain license for Tigra Menu GOLD but with DHTML programming skills you can code such script yourself.

carasha

Newbie

Posts: 1
Registered: 12/29/2004
Member Is Offline

posted on 12/29/2004 at 03:53 PM

try this

http://sample.i-sparkle.com/newsite/index.asp

best view : 1024 x 768