[jashsayani]

Hi,

I am trying to make a small login screen with HTML and CSS. I am using an image as login box (with img src - center). Now I used div username for username label and textfield, and div password for password label and textfield. I also used CSS file to position both fields.

However, when I re-size the browser window, the login box picture adjusts to the center of window, but the textfields don't move and everything is out of place.

How do I keep the username and passwords inside the login box pic (no matter if window is re-sized) ?

Some help would be great. Thanks.

[Webstar]

why don't you just make a div and use the login box image as the background and then put the login fields inside that div?

[Shiro]

I'm guessing you used absolute positioning. Don't. That is what is causing your problem.

[DKuntz2]

Login box with html? don't you mean php?

[Webstar]

He's talking about the form...

[bazzle]

Originally Posted by Shiro

I'm guessing you used absolute positioning. Don't. That is what is causing your problem.

Why?

People keep going on about absolute positioning as if it's the devil or something.

It's a perfectly acceptable method of positioning elements if you know how to use it properly.

[Shiro]

I agree fully. But someone who is having troubles with it is using it improperly. And by the time they figure out that what I said is not absolute, they will probably know when to use it, and when not to.

[Webstar]

Originally Posted by Shiro

I agree fully. But someone who is having troubles with it is using it improperly. And by the time they figure out that what I said is not absolute, they will probably know when to use it, and when not to.

nice

[jashsayani]

Originally Posted by Webstar

why don't you just make a div and use the login box image as the background and then put the login fields inside that div?

Thanks! That solves my problem.

[Shiro]

nice

I didn't notice that.

[kanthcoolguy]

visit (3schools) site for html assistance