Looktrne Posted April 6, 2012 Share Posted April 6, 2012 Hello I am more of a PHP and MYSQL guy Just starting to get the hang of CSS could someone please help me out if you visit this webpage you will see the navigation links up top under the MAIN logo (Using Chrome or Firefox) http://datingsite420.com if you use (Internet Explorer) http://datingsite420.com you will see the navigation links will not float left under the MAIN logo they float fleft at the END of the photo. how can I get these links to float left under the logo as they do in CHROME and FIREFOX I am totally lost on this thanks for any tips Paul Quote Link to comment Share on other sites More sharing options...
Looktrne Posted April 6, 2012 Author Share Posted April 6, 2012 Was also curious if there is a way to make the transparent couple overlap the content box below the header like have the guys leg hang into the main content a little to give it a 3d look when I tried to use padding to bring it down it damages the content rather than floating on top of it.. thanks again for any advise Paul Quote Link to comment Share on other sites More sharing options...
sunfighter Posted April 6, 2012 Share Posted April 6, 2012 Went to validate the site with http://validator.w3.org/ and it could not do it. First time I ran into that! So got the code and did it that way = it showed 82 Errors, 20 warning(s) . They need to be fixed before you can get any cross browser compatibility. The main thing with IE is to have a doc type at the top of the code. Without that IE is brainless. So first fix this up with the validator and if your still having problems repost. Quote Link to comment Share on other sites More sharing options...
Looktrne Posted April 6, 2012 Author Share Posted April 6, 2012 Ok thanks for that heads up added the document type and now I'm getting somewhere.. going to check the errors now also any thoughts on how to make the image of the couple float on top of more than one div??? like place out front some how? Paul Quote Link to comment Share on other sites More sharing options...
sunfighter Posted April 7, 2012 Share Posted April 7, 2012 Try this: give image an ID: <img src="images/happy-couple-420.png" alt="420 Friendly Dating Couple" id="mainPic"/> And add just before the </head> tag: <style type="text/css"> #mainPic{ position:relative; top: 50px; } </style> </head> Quote Link to comment Share on other sites More sharing options...
caliux Posted April 10, 2012 Share Posted April 10, 2012 My solution for IE is simple,I very with JS the browser,if it is IE,simple i link another stylesheet 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.