- This topic is empty.
-
AuthorPosts
-
August 4, 2014 at 2:31 pm #177621
sunettew
ParticipantHi
I followed the following link: http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/
I copied the css exactly, no changes made to the code.
My code:
`
<ul id=”nav”>
<li>
<%: Html.ActionLink(“Configuration”, “Index”, “Configuration”, null, new { @style = “color:white; font-family:Calibri; background-color:#008B9A;” })%>
<ul>
<li>
<%: Html.ActionLink(“Users”, “Index”, “CreateUser”, null, new { @style = “color:white; font-family:Calibri; background-color:#008B9A;” })%>
</li>
<li>
<%: Html.ActionLink(“Create New User”, “CreateOwn”, “CreateUser”, null, new { @style = “color:white; font-family:Calibri; background-color:#008B9A;” })%>
</li>
</ul>
</li></ul>
`
This is a partial view link to my master page.
If I comment out theleft:-9999px;
then I can see my submenus.Thanks.
August 4, 2014 at 2:49 pm #177626Paulie_D
MemberWe can’t do much with that little snippet in isolation.
Could you make a Codepen.io example?
August 4, 2014 at 2:55 pm #177627sunettew
ParticipantHi
I’ll try. Don’t know how the codepen.io work. :-(
How do I show partial.ascx and master page links? This is mvc.Net but I was told the issues is pure css. That is why I tried the link. In codepen.io it works but not with my partial and master page. Maybe it hides the submenus?
I’m confused.When I commented out my menu code and did the examples li code, it still didn’t show the submenus when I hovered.
Can I post an image?
Thanks
August 4, 2014 at 7:02 pm #177649sunettew
ParticipantHi
It works in IE 7 but not in 8 or 9. How do I get it to work in 8 or 9? Or set it in compatibility mode?
ThanksAugust 5, 2014 at 2:33 pm #177817sunettew
ParticipantGot it working. Had to put the following in my master page.
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Thanks guys for your help and suggestions. Really need to upscale my css skills as it is lacking a bit.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.