SRL Archive - Web Development

Help with a little HTML page

mastaraymond

2011-08-20 09:09:29

So here's the deal, I got an image with input-fields on it. Now I need a HTML page with the image centered and a HTML-form over the image, so that someone can fill in those details and submit.

I've been struggelin' all day, but HTML fails on me :(, any tips?

http://i55.tinypic.com/2ia4c5s.jpg

nielsie95

2011-08-20 09:13:55

First try to get it working without centering. Use the image as a background and try to position the boxes through CSS absolute positioning.

mastaraymond

2011-08-20 09:15:07

From: nielsie95
First try to get it working without centering. Use the image as a through and try to position the boxes through CSS absolute positioning.

Yes, got that to work. Problem is to center that whole thing, without using an iFrame.

nielsie95

2011-08-20 09:19:41

Try to give the div/body the correct width and do: margin: 0 auto;

grats

2011-08-20 09:21:46

What about a div inside a div that is centered?

so it brings the whole thing to center

does just a simple fixed margin work? idk too much about it but those are some things I've done to get stuff to work

i luffs yeww

2011-08-20 15:57:54

http://flowplayer.org/tools/demos/validator/index.html

Frement

2011-08-20 17:48:23

I could code it if I had a .PSD

Floor66

2011-08-21 13:55:21

From: Frement
I could code it if I had a .PSD

Which you would slice then -> tables? bad decision

tables are for showing tabular data. use divs for layouts

just make a wrapper with margin:auto for centering the thing, and define a body div on which you put the "book" background image as background. on that put the form and you can use simple css to make everything fall into place

Frement

2011-08-21 14:11:21

From: Floor66
Which you would slice then -> tables? bad decision

tables are for showing tabular data. use divs for layouts

just make a wrapper with margin:auto for centering the thing, and define a body div on which you put the "book" background image as background. on that put the form and you can use simple css to make everything fall into place

Who said I would use tables? Seriously….

Floor66

2011-08-21 15:38:57

Last time I checked photoshop slicing made a bunch of slicing.

I apologize if it has changed since lol

Frement

2011-08-21 16:07:46

I only need the .PSD so I can disable stuff like texts etc, to get the backgrounds.

mastaraymond

2011-08-21 17:52:50

I just went for the iframe construction, because I could not get the margin stuff to work.

Floor66

2011-08-21 17:54:57

Alright, as long as it functions properly it's good, I suppose ;)

Silent

2011-08-30 00:00:53

From: mastaraymond
I just went for the iframe construction, because I could not get the margin stuff to work.

Ran into this a while back, make sure you use proper doc types.