Reply
Integrating a form with a graphic
Old 03-27-2009, 01:03 AM Integrating a form with a graphic
Junior Talker

Posts: 2
Trades: 0
Hey everybody, I stumbled onto this forum through a search on google as I was trying to figure out how to take a spliced up web graphic that I made in photoshop and place a web form over a certain area of it. When I try to do this, my graphic gets distorted and everything moves out of place. This seems like a pretty simple thing to do but I can't figure out how to do it so I'd appreciate any help that you guys can offer. Also, if you guys have some sort of a tutorial on integrating web graphics with web forms, I'd like that too. Thanks a lot.
ben89 is offline
Reply With Quote
View Public Profile
 
 
When You Register, These Ads Go Away!
Old 03-27-2009, 11:21 AM Re: Integrating a form with a graphic
LadynRed's Avatar
Super Moderator

Posts: 8,823
Location: Tennessee
Trades: 0
Quote:
spliced up web graphic that I made in photoshop and place a web form over a certain area of it
Put the form inside a div, and put the image in as a background on that div.

There may be other ways, all depends on exactly what you're trying to do. Do you have the page online ?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is online now
Reply With Quote
View Public Profile
 
Old 04-26-2009, 12:21 AM Re: Integrating a form with a graphic
Junior Talker

Posts: 2
Trades: 0
What do you mean by putting it in a div?
ben89 is offline
Reply With Quote
View Public Profile
 
Old 04-28-2009, 08:52 PM Re: Integrating a form with a graphic
LadynRed's Avatar
Super Moderator

Posts: 8,823
Location: Tennessee
Trades: 0
I mean you do this:
Quote:
<div id="formBox"> (call it anything you want)
<form>
form stuff here
</form>
</div>
CSS would be something like:
Quote:
#formBox{background: url(bgimage.jpg) no-repeat;}
That puts the image in as a background of the formBox div. If you want the image to repeat, remove the no-repeat.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is online now
Reply With Quote
View Public Profile
 
Reply     « Reply to Integrating a form with a graphic
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 



Page generated in 0.11234 seconds with 13 queries