Gayner Posted December 14, 2009 Share Posted December 14, 2009 Ok I have a php form, but .. my login page is a image.. How do i get the input text boxes were there supposed to go? I Tryed position:absolute bla bla, but it doesn't work.. whY? cause if i change my resolution then it's all messed up... even if i use position relative.. any idea how to solve this? thanks here is my image thxx an d i view it on opera/ie it's the absolute or relative position is all messed up . can i put the input boxes inside a shape with RECT? Quote Link to comment Share on other sites More sharing options...
rajivgonsalves Posted December 14, 2009 Share Posted December 14, 2009 its pretty easy with css, you have to have a main div with that background and all the stuff with the content (login boxes etc) Quote Link to comment Share on other sites More sharing options...
Gayner Posted December 14, 2009 Author Share Posted December 14, 2009 its pretty easy with css, you have to have a main div with that background and all the stuff with the content (login boxes etc) oh so just put image inside a div? then use position absolute inside that div? sir if u dont mind can u spice up a quick sample 4 my brainz.. thx lalala Quote Link to comment Share on other sites More sharing options...
rajivgonsalves Posted December 14, 2009 Share Posted December 14, 2009 I think this should work in all browsers however you'll have to check <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <style> #main_content {background:url(http://i50.tinypic.com/nbsxon.jpg) no-repeat;width:600px;height:450px} #main_content #login {margin-top:200px;margin-left:200px;position:absolute} </style> </HEAD> <BODY> <div id="main_content"> <div id="login"> Username: blah blah<Br/> Password: blha blah </div> </div> </BODY> </HTML> Quote Link to comment Share on other sites More sharing options...
Gayner Posted December 14, 2009 Author Share Posted December 14, 2009 opera/firefox works!!! but on IE... it goes all the way to the right of page.. omg i hate ie Quote Link to comment Share on other sites More sharing options...
oni-kun Posted December 14, 2009 Share Posted December 14, 2009 opera/firefox works!!! but on IE... it goes all the way to the right of page.. omg i hate ie Use JS to separate the css callings. Hacking for IE is a must! Quote Link to comment Share on other sites More sharing options...
rajivgonsalves Posted December 14, 2009 Share Posted December 14, 2009 Yeah IE is a pain it however did show up in my IE8 properly. Quote Link to comment Share on other sites More sharing options...
Gayner Posted December 14, 2009 Author Share Posted December 14, 2009 opera/firefox works!!! but on IE... it goes all the way to the right of page.. omg i hate ie Use JS to separate the css callings. Hacking for IE is a must! LOL bro i came here for help of simple positioning i dont know anything from javascript hahaha i think i will use php tho, maybe. if php browser= MSIE then i use different CSS else display regular css workS? Quote Link to comment Share on other sites More sharing options...
Gayner Posted December 14, 2009 Author Share Posted December 14, 2009 HAHAHA PWNED I HAD EXTRA TAGS IN M FREAKN INDEx.pph that was EFFECTING IT BUT IT ONYL EFFECTED IT ON IE.. rOFL ie is like a bitch cause u always gota find the final missing thing so it works on IE.. LAWLS Support on a php forum with CSS, WORKS WELL Thanks fellas <3 now i just need to add another div for password box D: Quote Link to comment Share on other sites More sharing options...
haku Posted December 14, 2009 Share Posted December 14, 2009 Use JS to separate the css callings. Hacking for IE is a must! Javascript is not a good solution for this, as often people will have it turned off. It also becomes a waste of resources. PHP will work, but browser agents can be spoofed, causing the wrong stylesheet to be sent. Hacks are buggy, no guaranteeing that they will remain exclusive in future versions of browsers. The only consistent reliable method of targeting IE specifically is using conditional comments. 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.