Dan_Mason Posted December 21, 2009 Share Posted December 21, 2009 Hello! I am having a few problems with positioning in HTML, Not sure why this is happening, But 1 link is overlapping another link... Here is the code for the 2 links that are supposed to look like this: Absolute | Percentage. (Seperated with a |) <html> <div id="image1" style="display:none"> <img src="GaugeSummaryAbsoluteGraph.php" border="0" alt="one" /> </div> <div id="image2"> <img src="GaugeSummaryGraph.php" border="0" alt="two" /> </div> <a id="one" href="#" onclick="changeIt('image1');">Absolute</a> <a id="two" href="#" onclick="changeIt('image2');">Percentage</a> </html> The 2 Hyperlinks on the page look like this: Anyone any ideas? Cheers, Dan Quote Link to comment Share on other sites More sharing options...
rajivgonsalves Posted December 21, 2009 Share Posted December 21, 2009 is there any css related to this html ? Quote Link to comment Share on other sites More sharing options...
Dan_Mason Posted December 21, 2009 Author Share Posted December 21, 2009 No not there, Obviously the onClick is Javascript but I didnt think that could affect positioning! Not sure whats going on.... Quote Link to comment Share on other sites More sharing options...
rajivgonsalves Posted December 21, 2009 Share Posted December 21, 2009 its not possible it will overlap without the code telling it too if you using firefox and have firebug installed you can right click inspect element and see whats going on. Quote Link to comment Share on other sites More sharing options...
Dan_Mason Posted December 21, 2009 Author Share Posted December 21, 2009 Ah! You were right! I checked over the CSS File used, and The Div ID was the same as another! Cheers! Ill make sure i watch out for that in future! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.