AXiSS Posted January 24, 2007 Share Posted January 24, 2007 I have this text input form I want give a custom look with a background image, but I don't know how exactly to go about doing this. When I try just a background-image the image is in the background, but offset and mostly not visible.So.. how? Quote Link to comment https://forums.phpfreaks.com/topic/35454-formatting-forms-with-css/ Share on other sites More sharing options...
lando Posted January 24, 2007 Share Posted January 24, 2007 Do you have it upload somewhere I can see it? You might just need to use background-position to fix it... Quote Link to comment https://forums.phpfreaks.com/topic/35454-formatting-forms-with-css/#findComment-168078 Share on other sites More sharing options...
cmgmyr Posted January 24, 2007 Share Posted January 24, 2007 Try using background-position with x and y values. Check out http://www.w3schools.com/css/pr_background-position.asp for more info. Quote Link to comment https://forums.phpfreaks.com/topic/35454-formatting-forms-with-css/#findComment-168367 Share on other sites More sharing options...
worldworld Posted February 2, 2007 Share Posted February 2, 2007 Please provide the example you have seen so clear picture can be seen.... Quote Link to comment https://forums.phpfreaks.com/topic/35454-formatting-forms-with-css/#findComment-175443 Share on other sites More sharing options...
jcombs_31 Posted February 2, 2007 Share Posted February 2, 2007 sounds like you just need some padding. Quote Link to comment https://forums.phpfreaks.com/topic/35454-formatting-forms-with-css/#findComment-175646 Share on other sites More sharing options...
dbrimlow Posted February 2, 2007 Share Posted February 2, 2007 Listen to jcombs. Take a look at his website to see exactly how a perfect, valid and suberbly coded and crafted website is done! Quote Link to comment https://forums.phpfreaks.com/topic/35454-formatting-forms-with-css/#findComment-175745 Share on other sites More sharing options...
FierceBlade Posted February 4, 2007 Share Posted February 4, 2007 If you are talking about this:Give the form a class ex:<input type="text" class="form">Now add this to your CSS:.form {background-color: #fff;}Very simple Quote Link to comment https://forums.phpfreaks.com/topic/35454-formatting-forms-with-css/#findComment-176450 Share on other sites More sharing options...
AXiSS Posted February 4, 2007 Author Share Posted February 4, 2007 No I was talking about changing the form's enitre appearence with a background image, removing the border and stuff. Quote Link to comment https://forums.phpfreaks.com/topic/35454-formatting-forms-with-css/#findComment-176484 Share on other sites More sharing options...
garry27 Posted February 4, 2007 Share Posted February 4, 2007 you could try using [code]position:relative;[/code] to position the dive. this works for me. Quote Link to comment https://forums.phpfreaks.com/topic/35454-formatting-forms-with-css/#findComment-176511 Share on other sites More sharing options...
jcombs_31 Posted February 4, 2007 Share Posted February 4, 2007 Here is a sample form using background images.You will notice some limitations here. The form is a fixed with, but can stretch vertically. I only take into account 1 fieldset. I could change it up but it would require extra markup for the images to stretch correctly. Look at the source and see if this is of any help. http://multimedia-technologies.com/misc/form/form.php Quote Link to comment https://forums.phpfreaks.com/topic/35454-formatting-forms-with-css/#findComment-177074 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.