umairhaider Posted March 15, 2013 Report Share Posted March 15, 2013 Hi everyone! I have a problem when i zoom in or zoom out, elements of my page are misplaced all over the page. That's how it looks without zoom: http://www.freeimagehosting.net/zis1u And that's how it looks when i zoom in: http://www.freeimagehosting.net/u9xi1... index.html Quote Link to comment Share on other sites More sharing options...
grabenair Posted March 16, 2013 Report Share Posted March 16, 2013 (edited) Well lets start here. First take the html file that you have and go to http://validator.w3.org/check and past it there and fix all of the errors. It showed me 28 of them. Also ul closing tags go at the end of the ul this is causing you problems because between you opening ul and closing ul it is trying to make everything a ul. You can git rid of all of the &nbs and </br> tags use css to postion your elements this is most of your problem you are not telling the browser where to put your elements just to put a space in there. On your border left instead of using js for this you can use css like this. Put a border left on all the links with css and then put this in your css li:last-child { border-right: none; } This will get you started in the right direction. Edited March 16, 2013 by grabenair Quote Link to comment Share on other sites More sharing options...
kralcx Posted March 16, 2013 Report Share Posted March 16, 2013 Your zoom in link did not work for me Quote Link to comment Share on other sites More sharing options...
Andrea Posted March 16, 2013 Report Share Posted March 16, 2013 What grabenair said - clean up your html first. This:   ;   Should NEVER be in any code. If you're interested in help with the clean-up, let me know. 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.
Note: Your post will require moderator approval before it will be visible.