Main Menu Image hack - Page 3

jon_s · 14.04.2006, 23:55

Great hack - worked for me straight off. A small issue however: the images appear with a c5 px gap between them which does not appear susceptible to fixing in the css. Any ideas where this spacing is defined?

Thank you for the fix again.

ablewave · 20.04.2006, 19:49

Quote:

Originally Posted by jon_s

Great hack - worked for me straight off. A small issue however: the images appear with a c5 px gap between them which does not appear susceptible to fixing in the css. Any ideas where this spacing is defined?

Thank you for the fix again.

I have the same problem - did you find a fix? I noticed that it places some spans in there, but that doesn't seem to be the problem?

jon_s · 20.04.2006, 21:02

Have to admit that, after hours of fruitless googling, I gave up and reverted to a text-based menu. If I can work out a fix I will post it here.

ablewave · 20.04.2006, 21:42

Hi there, thanks for the quick reply. This worked for me:

Code:

a.mainlevel img {
	text-decoration: none;
	margin: 0;
	border: 0;
	margin-right: -4px;
}

That managed to pull everything together tightly. I'd prefer to actually "solve" the problem, but this was good enough for a quick fix!

socrat888 · 24.04.2006, 02:38

Yeah Great hack

simonok · 05.05.2006, 12:24

Got it working, why don't they build this into the system, its madness.

Also the rollover bit isnt complient code, so would be nice to have just plain rollover images, with no other features at all that are complient.

Or a rollover using <ul><li> and css so all the button states could be in 1 image.

That said I love you chaps for doing this hack.

simon

ilop · 22.06.2006, 13:13

thanks...really great!!!

...for all using joomfish and wanna use Dynamic Drive DOM Image Rollover like Chuck did described above...

Now take the code from chuck enhanced by mage but change

PHP Code:

  $image = '<img src="'. $mosConfig_live_site .'/images/stories/'. $menu_image .'" border="0" alt="'. $mitem->name .'"/>';

to

PHP Code:

  $image = '<img src="'. $mosConfig_live_site .'/images/stories/'. $mitem->name .'.gif" srcover="'. $mosConfig_live_site .'/images/stories/'. $mitem->name .'2.gif" border="0" alt="'. $mitem->name .'"/>';

If you using png or jpg instead of gif you also have to change the extension in this line twice.

The menu item name is the name of the image!!! and the rollover is is the name of the image add "2". In joomfish translate the menu items and put also the images in images/stories, for example:

english
menu item name: news
picture in images/stories: news.gif (normal), news2.gif (over)
german translate in joomfish:
menu item name: neues
picture in images/stories: neues.gif (normal), neues2.gif (over)

gerry

afandi · 25.06.2006, 07:22

oh yea!, xjumpers84

I'm also got that problem
even when i replacing the hack codes into the line; my menu item [sub-menu] does not appear anymore
I don't know why?

vinnydarat · 10.07.2006, 07:25

hey cool, worked perfectly for me.

cheers

andi.martin · 07.02.2007, 01:29

Quote:

Originally Posted by ablewave

Hi there, thanks for the quick reply. This worked for me:

Code:

a.mainlevel img {
	text-decoration: none;
	margin: 0;
	border: 0;
	margin-right: -4px;
}

That managed to pull everything together tightly. I'd prefer to actually "solve" the problem, but this was good enough for a quick fix!

I believe i've sussed your problem.

I copied and pasted my page source into a new dreamweaver document, clicked on the space and got quite a surprise.

This is the output of my source, anyone else with the problem want to confirm they have the same?

So, the menu begins with a fairly standard table opening:

Code:

<table width="100%" border="0" cellpadding="0" cellspacing="1">
<tr>
<td nowrap="nowrap">

And for each menu item it writes....

Code:

<span class="mainlevel-nav">  </span>
<a href="index.php?option=com_frontpage&amp;Itemid=28" class="mainlevel-nav" >
<img src="http://www.mydomain.com/images/stories/mnu1.gif" border="0" alt="Home blank"/> 
<a href="index.php?option=com_frontpage&amp;Itemid=28" class="mainlevel-nav" >
</a>

So yeah, that's your bug. Too many link tags.

I guess it was missed as the output was across one long line.

Anyway, am off to bed now, if anyone wants to find a fix while i'm sleeping, feel free, otherwise I guess i'll post it once I check it tomorrow.