Hello, Can someone help me with this: http://papaface.com/portfolio/gamercentral I am trying to get the form at the top and the form on the side to look like this: http://www.image-shed.com/i/guest/f6d13f8c28.gif In FF, IE6 and IE7. I have managed to do the right hand form in FF but not the others. I would really appreciate it if someone could show me regards
You are aware that you can have a CLASS and ID on the FORM element itself, right? Lose the extranneous/useless "div class="search" element you have inside the form, and do something like If you add horizontal margins then you will need to add display:inline; because you will encounter the double margin bug in MSIE6. For the submit input, add an ID (<input id="search-submit") and do something like And you probably already know how to do this, but to add the 2 or whatever # pixel border to your first input..
Thanks for that. I have updated the style file, but its still a bit off in FF. Any ideas about the lower form about the newsletter?
Are you using a universal reset? *{margin:0;padding:0;} at the top of stylesheet? This will make things more consistent so IE won't apply X value and FF/Opera/ETC won't apply Y value to the same element.
What?! I have. You can't just paste what you say at the top. It has to be in selector. I have put it in the body element! Edit: I just did paste what you said, and it made no difference at all because I have already done it!
I meant literally paste *{margin:0;padding:0;} * itself is the selector. NOT THE BODY ELEMENT. It targets ALL elements.
I DID!!!!!!!!!!!!!!!!!!!!! It didn't make any difference ffs! I apologize to anyone else reading this, but wtf.
http://205.209.146.77/before.jpg http://205.209.146.77/after.jpg IE probably had some default padding or margin (basically a diff value than FF or any other browser had, resetting the margins on every element made it more consistent)
In Firefox it probably did jack shit because Firefox probably didn't have default margin/padding for whatever fucking element caused the spacing in IE6. What I'm trying to fucking say is that because of the reset, your FF and IE spacing at the form on the bottom right look more consistent. Now try adding a margin-top and they will have almost exactly the same amount of spacing.