derelict.pt Posted August 7, 2006 Share Posted August 7, 2006 I have an HTML page, styled with CSS and with a JavaScript menu that looks and works perfectly. However, when I try to "transform" it to an ASPX file, it gets all messed up :|I tried putting the main <form> tag within the <div class="content"> and the menu won't show up (but the content does); I also tried putting the form tag surrouding the whole code withing the body tags, and the result is the same.On another attempt, I tried creating a Master Page with the HTML code and it does display the menu but everything gets styled (the JavaScript works, though) except the menu.The original HTML page is at www.canudo.net/derelict/test - am I adapting it wrong?I've read thoroughly about issues with Master Pages and JavaScript, but in my case the scripts work fine, it seems that it's the style that isn't applied to the menu when it's on an ASPX pageThe <head> section correctly points to the CSS and JS files.Thanks in advance Link to comment Share on other sites More sharing options...
aspnetguy Posted August 7, 2006 Share Posted August 7, 2006 This should work fine. <%@ Page language="C#" %><html><head><link rel="stylesheet" type="text/css" href="style.css"/><script src="scripts.js"></script></head><body><form runat="server"> <div class="container"> <div class="left"> <img src="./img/sentrylogo.jpg"/> <script type="text/javascript"> showGreeting(); </script> <br/><br/> <img src="./img/sentrylogo.jpg"/> <img src="./img/sentrylogo.jpg"/> <img src="./img/sentrylogo.jpg"/> <img src="./img/sentrylogo.jpg"/> <img src="./img/sentrylogo.jpg"/> <img src="./img/sentrylogo.jpg"/> <input type="text" id="clock" value="Teste" size="16" maxlength="16" readonly style="color: white; background-color: black; text-align: center;"> <script type="text/javascript"> showTime(); document.write("<br>"); showDate(); </script> </div> <div class="right"> <h2 class="header">Sentry Customer Interface </h2> <div id="menu"> <dl> <dt onmouseover="java script:show();"><a href="" title="Return to home">Home</a></dt> </dl> <dl> <dt id="menuItem1" onmouseover="java script:show('smenu1','menuItem1'); onmouseout="java script:show('');">Availability</dt> <dd id="smenu1" onmouseover="java script:show('smenu1','menuItem1');" onmouseout="java script:show('');"> <ul> <li><a href="#">sub-menu 1.1</a></li> <li><a href="#">sub-menu 1.2</a></li> <li><a href="#">sub-menu 1.3</a></li> <li><a href="#">sub-menu 1.4</a></li> <li><a href="#">sub-menu 1.5</a></li> <li><a href="#">sub-menu 1.6</a></li> </ul> </dd> </dl> <dl> <dt id="menuItem2" onmouseover="java script:show('smenu2','menuItem2'); onmouseout="java script:show('');">Subscription</dt> <dd id="smenu2" onmouseover="java script:show('smenu2','menuItem2');" onmouseout="java script:show('');"> <ul> <li><a href="#">sub-menu 2.1</a></li> <li><a href="#">sub-menu 2.2</a></li> <li><a href="#">sub-menu 2.3</a></li> </ul> </dd> </dl> <dl> <dt id="menuItem3" onmouseover="java script:show('smenu3','menuItem3');" onmouseout="java script:show('');">Reports</dt> <dd id="smenu3" onmouseover="java script:show('smenu3','menuItem3');" onmouseout="java script:show('');"> <ul> <li><a href="#">sub-menu 3.1</a></li> <li><a href="#">sub-menu 3.2</a></li> <li><a href="#">sub-menu 3.3</a></li> <li><a href="#">sub-menu 3.4</a></li> <li><a href="#">sub-menu 3.5</a></li> </ul> </dd> </dl> <dl> <dt id="menuItem4" onmouseover="java script:show('smenu4','menuItem4');" onmouseout="java script:show('');">Solutions</dt> <dd id="smenu4" onmouseover="java script:show('smenu4','menuItem4');" onmouseout="java script:show('');"> <ul> <li><a href="#">sub-menu 4.1</a></li> <li><a href="#">sub-menu 4.2</a></li> <li><a href="#">sub-menu 4.3</a></li> </ul> </dd> </dl> <dl> <dt id="menuItem5" onmouseover="java script:show('smenu5','menuItem5');" onmouseout="java script:show('');">SLA</dt> <dd id="smenu5" onmouseover="java script:show('smenu5','menuItem5');" onmouseout="java script:show('');"> <ul> <li><a href="#">sub-menu 5.1</a></li> <li><a href="#">sub-menu 5.2</a></li> <li><a href="#">sub-menu 5.3</a></li> </ul> </dd> </dl> <dl> <dt id="menuItem6" onmouseover="java script:show('smenu6','menuItem6');" onmouseout="java script:show('');">Contacts</dt> <dd id="smenu6" onmouseover="java script:show('smenu6','menuItem6');" onmouseout="java script:show('');"> <ul> <li><a href="#">sub-menu 6.1</a></li> <li><a href="#">sub-menu 6.2</a></li> <li><a href="#">sub-menu 6.3</a></li> </ul> </dd> </dl> </div> <!- MENU /> <div class="content"> <img src="./img/sentrylogo.jpg"/><br/> <img src="./img/sentrylogo.jpg"/><br/> </div> <div class="footer"> Footer: site path </div> </div> <!- Right column /> </div> <!- Container /> </form></body></html> in the first line you can use C# or VB depending on which you chose to code with. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now