By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,767 Members | 1,255 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,767 IT Pros & Developers. It's quick & easy.

CSS problem

P: 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
Share this Question
Share on Google+
4 Replies


AndesHelp
P: 9
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
Expert 5K+
P: 7,435
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

P: 18
I am using VS.Net 2005. I take you adviceand replace them to see what happens thx
Jan 4 '08 #4

AndesHelp
P: 9
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.