I am new to web developement.I have tried to create facebook login page.It s almost good but there is a problem while zooming in or out.I am attaching the link(The forum is not allowing to attach html and css file.how to attach that).Please look upon and please explain the necessary changes or any conceptual error.Thanks in advance.http://fblog.fulba.com/fb/fb.html
This is the link to my google drive where i have saved the files
https://drive.google.com/open?id=0B1PRJTSz9x4fU0o2Sk53WFhaLWM
Welcome to the forums, @rbagri72.
You can drag and drop files to upload them, or use the upload button on the code editor.
To post code here, you can highlight your code in your post, then use the </> button in the editor window, which will format it.
Or you can place three backticks ``` (top left key on US/UK keyboards) on a line before your code, and three on a line after your code. I find this approach easier, but unfortunately some European and other keyboards don’t have that character.
Can I ask why you’re trying to recreate the Facebook log-in page? Is it just for practice, or do you have some other reason?
Hi there @rbagri72. If you’re new to web development, I can think of easier projects to start with than this.
It’s just for practice…this is an assignment
I have done some basic websites …and i need to form only a static page using only html/css… i don’t think it’s a great task
OK. So which part did you need help with?
See that div part with class=“content”…while zooming in it is distorted…You can check that by running it in any browser…it will be very helpful if u can go through the whole code once…I am very much confused regarding my codes…I need a full-proof way to position my elements(in all cases) so that it do not get disturb because of zooming
This validator will point out the errors in your code, there are a few.
https://validator.w3.org/nu/?doc=http%3A%2F%2Ffblog.fulba.com%2Ffb%2Ffb.html
Using position:absolute for layout is always a bad idea and leads to problems. It should only be used for special effects in small areas.
But the first thing to do is to tidy up your HTML, because as @SamA74 says, you have a number of validation errors. These can cause the page to display incorrectly, so always sort them out before trouble-shooting anything else.
i have used position:absolute in a very few places…I had initially tried for position:relative there but it didn’t work(when I was zooming it was seen moving from its place)…that’s why I used position:absolute there…so please tell me a way so that I can sort that.
please if you can go through the code,it will be very helpful…then we can discuss regarding each element
Have you fixed the errors found by the HTML Validator?
2 Likes
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.