pleek Posted May 21, 2008 Share Posted May 21, 2008 ok so i have a css template that i want to edit. The body has a background color and it changes the form buttons and fields to. If i delete the body background css it fixes the buttons but then messes up the rest of the theme. How do i set the forms to be just regular and not like the body? Quote Link to comment https://forums.phpfreaks.com/topic/106560-form-css-help/ Share on other sites More sharing options...
Fadion Posted May 21, 2008 Share Posted May 21, 2008 Post the css and explain in english what u want to do. Im not getting what has <body> to do with <inputs> Basically, u must have: body{ background-color:#ddd; } input{ background-color:red; border:1px solid green; } Quote Link to comment https://forums.phpfreaks.com/topic/106560-form-css-help/#findComment-546269 Share on other sites More sharing options...
haku Posted May 22, 2008 Share Posted May 22, 2008 The body has a background color and it changes the form buttons and fields to. Changes them to what? You left out a word there at the end. You don't by chance have: *{ margin: 0; padding: 0; } in your code do you? That will screw up form elements. Quote Link to comment https://forums.phpfreaks.com/topic/106560-form-css-help/#findComment-547000 Share on other sites More sharing options...
pleek Posted May 22, 2008 Author Share Posted May 22, 2008 /* By default (td, body..) use verdana in black. */ body, td, th , tr { color: #000000; font-size: small; font-family: verdana, sans-serif; } /* The main body of the entire forum. */ body { background-color: #E5E5E8; margin: 0px; padding: 0px 30px 4px 30px; } /* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; } textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; } /* All input elements that are checkboxes or radio buttons. */ input.check { } /* Selects are a bit smaller, because it makes them look even better . */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; } That is the body and form css that i have. If i take out the background color of the body, it fixes the forms to look like normal but then the rest of the theme is messed up. what it looks like now What i want it to look like (how it looks normally Quote Link to comment https://forums.phpfreaks.com/topic/106560-form-css-help/#findComment-547653 Share on other sites More sharing options...
haku Posted May 23, 2008 Share Posted May 23, 2008 Got a link? One thing I should tell you, form elements are about the hardest thing there is to style with CSS. They react very differently in different browsers, so it's pretty hard to get anything that is consistent across each browser. Quote Link to comment https://forums.phpfreaks.com/topic/106560-form-css-help/#findComment-547802 Share on other sites More sharing options...
pleek Posted May 23, 2008 Author Share Posted May 23, 2008 here is my site Notice the forms in the search bar and in the shoutbox. I want them to be just normal, like the forms on this site. Quote Link to comment https://forums.phpfreaks.com/topic/106560-form-css-help/#findComment-548016 Share on other sites More sharing options...
haku Posted May 23, 2008 Share Posted May 23, 2008 You can fix that by adding this to your CSS (lower than your other input and text area declarations) input, textarea { background-color: #FFF; } Although to be honest, I prefer it the way you have it now! I tried out your site with the inputs the way you want to do it (using the above code), and I think the look you have no matches your site theme better. But, it still looks fine even if you set the inputs to white, so either way is all good. Quote Link to comment https://forums.phpfreaks.com/topic/106560-form-css-help/#findComment-548081 Share on other sites More sharing options...
pleek Posted May 23, 2008 Author Share Posted May 23, 2008 well that changed the color, thanks Quote Link to comment https://forums.phpfreaks.com/topic/106560-form-css-help/#findComment-548295 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.