I am showing menu onmouseover of an Image. Menu is always showing to right side of the mouse. I want Menu to show on the left hand side of the Image. How can I do this ?
I tried using the source that you provided and everything seemed to function properly (as a normal menu would). I don't see any images being used within the source. Is there any additional code related to this?
(It may also help to post the rendered HTML by Viewing the Source within your browser after everything is loaded.)
I tried using the source that you provided and everything seemed to function properly (as a normal menu would). I don't see any images being used within the source. Is there any additional code related to this?
</div>
It is working fine as it always work. My Issue is, my focus icon is at the far right of the page. So, If I mouse over on that Image, Content overflows and it is giving scroll bars. I don't want that one Instead I want menu to show that menu content to the
left hand side of the icon.
It's still a bit difficult to diagnose without having more code / mark-up to look at. You can get rid of the excess scroll bars by using the overflow: hidden; CSS property, however you may not need to based on what the issue is.
If you aren't comfortable with posting all of the related source for this issue, you could PM me if you have a live version of the site and I would be glad to check it out.
ramll
Participant
1126 Points
1299 Posts
Menu CSS
Jan 29, 2013 03:23 PM|LINK
Hello,
I am showing menu onmouseover of an Image. Menu is always showing to right side of the mouse. I want Menu to show on the left hand side of the Image. How can I do this ?
TIA
Rion William...
All-Star
27548 Points
4555 Posts
Re: Menu CSS
Jan 29, 2013 03:31 PM|LINK
Can you post some of the source related to your menu (markup, CSS and / or Javascript)? It will make troubleshooting this issue much easier :)
ramll
Participant
1126 Points
1299 Posts
Re: Menu CSS
Jan 29, 2013 03:33 PM|LINK
<asp:TemplateField> <ItemTemplate> <asp:Menu ID="MenuSS" runat="server" DisappearAfter="200" StaticSubMenuIndent="" StaticEnableDefaultPopOutImage="false" OnMenuItemClick="Menu1_MenuItemClick"> <DynamicHoverStyle BackColor="AliceBlue" BorderStyle="Solid" BorderWidth="2px" Font-Underline="true" BorderColor="#00aaff" /> <DynamicMenuItemStyle VerticalPadding="3px" BorderColor="#aaaaaa" BorderStyle="Solid" BorderWidth="1px" Font-Bold="false" BackColor="#eeeeee" /> </asp:Menu> </ItemTemplate> <ItemStyle Width="4%" HorizontalAlign="Center"/> </asp:TemplateField>#page{ width: 90%; background-color: #FFFFFF; margin:0px auto; border: 1px solid #CCCCCC; overflow:visible; } /*--- Main Columns ---*/ #content{ padding: 0px 15px 25px; background-color: Transparent; margin-left: auto; margin-right: auto; min-height:400px; height:auto !important; height:400px; min-height:480px; }Rion William...
All-Star
27548 Points
4555 Posts
Re: Menu CSS
Jan 29, 2013 03:37 PM|LINK
I tried using the source that you provided and everything seemed to function properly (as a normal menu would). I don't see any images being used within the source. Is there any additional code related to this?
(It may also help to post the rendered HTML by Viewing the Source within your browser after everything is loaded.)
ramll
Participant
1126 Points
1299 Posts
Re: Menu CSS
Jan 29, 2013 08:26 PM|LINK
It is working fine as it always work. My Issue is, my focus icon is at the far right of the page. So, If I mouse over on that Image, Content overflows and it is giving scroll bars. I don't want that one Instead I want menu to show that menu content to the left hand side of the icon.
Rion William...
All-Star
27548 Points
4555 Posts
Re: Menu CSS
Jan 29, 2013 08:45 PM|LINK
It's still a bit difficult to diagnose without having more code / mark-up to look at. You can get rid of the excess scroll bars by using the overflow: hidden; CSS property, however you may not need to based on what the issue is.
If you aren't comfortable with posting all of the related source for this issue, you could PM me if you have a live version of the site and I would be glad to check it out.