PDA

View Full Version : how to align form input fields on a jpg or png


thx10
05-11-2014, 06:45 AM
hi
i've create a jpg file so it can be use as form view by the user
i want to ask how can i align the html form code so it could sit on the jpg file,i've attached a link to a picture so i can explain muself better
http://sizmedia.com/my.php?i=tzdenlt2d4oi.jpg

thank you very much

edbr
05-11-2014, 07:31 AM
You could put you form in a layer over the image give your inputs a class and position the layer and input classes absolute

thx10
05-11-2014, 07:41 AM
thank you adbr for your reply
i'm sorry if my question sound stupid,because i'm new in dreamweaver
and i custumize the parameters you heve mentioned
thanks again

Ricky55
05-11-2014, 03:14 PM
Couldn't you just give your form a width and height and set the image as a background image of the form using css?

Then give the inputs a size and also give them a background image with CSS, far better than absolutely positioning form elements IMO.

d a v e
05-11-2014, 03:16 PM
or perhaps with the pseudo selector content:before?

Ricky55
05-11-2014, 04:17 PM
No need to use a pseudo created element here, when you have the elements there to style. Just a very simple css task IMO.

You use pseudo created elements when you don't have the HTML to style or you don't want to add code to your HTML, this doesn't fall into either.

d a v e
05-12-2014, 05:08 AM
fair point ;)