CSS problem

[malmus]

I have a menu problem. This menu is a llayer where it contain 5 hyperlink controls and between each hyperlink there is an image control. Unfortunately it works perfect in IE but not in Firefox.

Below is the CSS:

#topMenu
{
 
    position: relative;
    right: 2px;
    top: 47px;
    text-align: right;
    height: 41px;
}
 

Below is the code in HTML:

 
    <div id="topMenu">
             <asp:HyperLink CssClass="mainMenuLink" ID="lnkBtn1" runat="server" >LinkButton</asp:Hyperlink><asp:Image ID="Image1" CssClass="imageLink" runat="server" Height="41px" ImageAlign="AbsBottom" /><asp:HyperLink ID="lnkBtn2" CssClass="mainMenuLink" runat="server">LinkButton</asp:HyperLink><asp:Image ID="Image2" CssClass="imageLink" runat="server" Height="41px" ImageAlign="AbsBottom" /><asp:HyperLink ID="lnkBtn3" CssClass="mainMenuLink" runat="server">LinkButton</asp:HyperLink><asp:Image ID="Image3" CssClass="imageLink" runat="server" Height="41px" ImageAlign="AbsBottom" /><asp:HyperLink ID="lnkBtn4" CssClass="mainMenuLink" runat="server">LinkButton</asp:HyperLink><asp:Image ID="Image4" CssClass="imageLink" runat="server" Height="41px" ImageAlign="AbsBottom" /><asp:HyperLink ID="lnkBtn5" CssClass="mainMenuLink" runat="server">LinkButton</asp:HyperLink>
                      </div>
 

PLease Help ASAP thx!!

[AndesHelp]

I have a menu problem. This menu is a llayer where it contain 5 hyperlink controls and between each hyperlink there is an image control. Unfortunately it works perfect in IE but not in Firefox.

Below is the CSS:

#topMenu
{
 
    position: relative;
    right: 2px;
    top: 47px;
    text-align: right;
    height: 41px;
}
 

Below is the code in HTML:

 
    <div id="topMenu">
             <asp:HyperLink CssClass="mainMenuLink" ID="lnkBtn1" runat="server" >LinkButton</asp:Hyperlink><asp:Image ID="Image1" CssClass="imageLink" runat="server" Height="41px" ImageAlign="AbsBottom" /><asp:HyperLink ID="lnkBtn2" CssClass="mainMenuLink" runat="server">LinkButton</asp:HyperLink><asp:Image ID="Image2" CssClass="imageLink" runat="server" Height="41px" ImageAlign="AbsBottom" /><asp:HyperLink ID="lnkBtn3" CssClass="mainMenuLink" runat="server">LinkButton</asp:HyperLink><asp:Image ID="Image3" CssClass="imageLink" runat="server" Height="41px" ImageAlign="AbsBottom" /><asp:HyperLink ID="lnkBtn4" CssClass="mainMenuLink" runat="server">LinkButton</asp:HyperLink><asp:Image ID="Image4" CssClass="imageLink" runat="server" Height="41px" ImageAlign="AbsBottom" /><asp:HyperLink ID="lnkBtn5" CssClass="mainMenuLink" runat="server">LinkButton</asp:HyperLink>
                      </div>
 

PLease Help ASAP thx!!

From what I see, it looks like you have the "HyperLink" optimized for "ASP" (Active Server Pages) which does not work with Mozilla Firefox. Why not replace the "<asp:" with a basic HTML "<a href" for the image and hyperlinks? What software are you using to create the web pages?

[drhowarddrfine]

Most people don't use ASP.NET so posting asp code doesn't help. You need to post the generated html or give a link.

[malmus]

I am using VS.Net 2005. I take you adviceand replace them to see what happens thx

[AndesHelp]

I am using VS.Net 2005. I take you adviceand replace them to see what happens thx

I see. Microsoft VS.Net does not play nice with other products and browsers. It is optimized code for Microsoft based applications. Microsoft even has some "proprietary HTML" which only Microsoft products, such as IE, can process.

If you want cross-platform compatibility you will want to look at other Web Page Editors or learn to write in basic HTML, PHP and CSS code. It's not too hard until you want to get really fancy.