[HELP] adding a menu

[Lautaro]

Hi, I'm trying to add a menu with a Javascript image rollover fading effect in my forum portal, but there's a problem when I add tables / TR's / TD's to the module code..

this is how it looks with a test code:


and this is the code I used on that module:

<table CELLPADDING="0" CELLSPACING="0">
<tr>
<td>asdasddas</td>
</tr>
<tr>
<td>asdasddas</td>
</tr>
<tr>
<td>asdasddas</td>
</tr>
<tr>
<td>asdasddas</td>
</tr>
</table>

I don't understand why there's all that space between the top of the module and the information the tables contain...

that's not exactly what I want to add but thats not letting me continue adding the meu I want..

So how can I fix this issue?

[Lynne]

I looks like you need to add some alignment to the table cell you are putting the menu links in (the module?) - <td valign="top">

[Lautaro]

I tried everything, and always having the same issue... this is the code I want to put there:

<link rel="stylesheet" href="./gestyle/portalmenu/style.css" type="text/css" />

<SCRIPT LANGUAGE=JavaScript SRC="./gestyle/portalmenu/JSFX_FadingRollovers.js" TYPE="text/javascript"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
    JSFX.Rollover("forums",    "./gestyle/portalmenu/s1.png");
    JSFX.Rollover("muen",   "./gestyle/portalmenu/s2.png");
    JSFX.Rollover("mues",  "./gestyle/portalmenu/s3.png");
    JSFX.Rollover("staff",  "./gestyle/portalmenu/s4.png");
    JSFX.Rollover("arcade",  "./gestyle/portalmenu/s5.png");
//-->
</SCRIPT>

</HEAD>


<table align="center" CELLPADDING="0" CELLSPACING="0">
<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<TR>
<TD CLASS="button1"><A HREF="#" onMouseOver="JSFX.fadeIn('forums')" onMouseOut="JSFX.fadeOut('forums')"><img name="forums" class="imgFader" src="./gestyle/portalmenu/s1.png" border="0"></A></TD>

</TR>
<!-- *** END   THE ROLLOVER IMAGE LINK*** -->

<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<TR>
<TD CLASS="button2"><A HREF="#" onMouseOver="JSFX.fadeIn('muen')" onMouseOut="JSFX.fadeOut('muen')"><img name="muen" class="imgFader" src="./gestyle/portalmenu/s2.png" border="0"></a></TD>
</TR>
<!-- *** END   THE ROLLOVER IMAGE LINK*** -->

<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<TR>
<TD CLASS="button3"><A HREF="#" onMouseOver="JSFX.fadeIn('mues')" onMouseOut="JSFX.fadeOut('mues')"><img name="mues" class="imgFader" src="./gestyle/portalmenu/s3.png" border="0"></a></TD>
</TR>
<!-- *** END   THE ROLLOVER IMAGE LINK*** -->

<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<TR>
<TD CLASS="button4"><A HREF="#" onMouseOver="JSFX.fadeIn('staff')" onMouseOut="JSFX.fadeOut('staff')"><img name="staff" class="imgFader" src="./gestyle/portalmenu/s4.png" border="0"></a></TD>
</TR>
<!-- *** END   THE ROLLOVER IMAGE LINK*** -->

<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<TR>
<TD CLASS="button5"><A HREF="#" onMouseOver="JSFX.fadeIn('arcade')" onMouseOut="JSFX.fadeOut('arcade')"><img name="arcade" class="imgFader" src="./gestyle/portalmenu/s5.png" border="0"></a></TD>
</TR>
<!-- *** END   THE ROLLOVER IMAGE LINK*** -->
</table>

With that code I can get to work this menu: http://forum.gamezeventos.com/gestyle/portalmenu/

But im having this problem and can't fix it.. mabe someone knows which is the template name of the portal index so i can just put the code on the template..

[Lynne]

That is just the code to put *in* the module. You need to change the alignment in the box it is in, not in the code you posted above. Is that vBa? You should be posting over there for help with this.

[Lautaro]

Ok, I posted it on vBAdvanced forums and got my problem fixed.
The problem was that i had to remove all the line breaks .. now its fixed..

thanks for your help.