468,238 Members | 1,805 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,238 developers. It's quick & easy.

CSS problem

18
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:
Expand|Select|Wrap|Line Numbers
  1. #topMenu
  2. {
  3.  
  4.     position: relative;
  5.     right: 2px;
  6.     top: 47px;
  7.     text-align: right;
  8.     height: 41px;
  9. }
  10.  
Below is the code in HTML:
Expand|Select|Wrap|Line Numbers
  1.  
  2.     <div id="topMenu">
  3.              <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>
  4.                       </div>
  5.  
PLease Help ASAP thx!!
Jan 4 '08 #1
4 1294
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:
Expand|Select|Wrap|Line Numbers
  1. #topMenu
  2. {
  3.  
  4.     position: relative;
  5.     right: 2px;
  6.     top: 47px;
  7.     text-align: right;
  8.     height: 41px;
  9. }
  10.  
Below is the code in HTML:
Expand|Select|Wrap|Line Numbers
  1.  
  2.     <div id="topMenu">
  3.              <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>
  4.                       </div>
  5.  
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?
Jan 4 '08 #2
drhowarddrfine
7,435 Expert 4TB
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.
Jan 4 '08 #3
malmus
18
I am using VS.Net 2005. I take you adviceand replace them to see what happens thx
Jan 4 '08 #4
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.
Jan 4 '08 #5

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

11 posts views Thread by Kostatus | last post: by
9 posts views Thread by Sudesh Sawant | last post: by
117 posts views Thread by Peter Olcott | last post: by
reply views Thread by James Griffiths | last post: by
18 posts views Thread by Ian Stanley | last post: by
28 posts views Thread by Jon Davis | last post: by
6 posts views Thread by Ammar | last post: by
2 posts views Thread by Mike Collins | last post: by
reply views Thread by kermitthefrogpy | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.