-4

Can anyone help by providing some samples, or examples to generate a css class to re-produce the effect similar to outlook.com's login page?

Where the page is centralized, splitted into 2 halves, the left side containing an image, and the right side with the login fields

Tim Lehner
  • 14,813
  • 4
  • 59
  • 76
Null Reference
  • 11,260
  • 40
  • 107
  • 184
  • And what problem are you having that stops you doing this yourself? We'll happily help you to overcome your problems, but asking us to, essentially, design your site for you is, really, a bit much. Not to mention too open-ended. – David Thomas Nov 04 '12 at 11:51

1 Answers1

0

not a downvoter, had a look at the Outlook site; nearly threw up when I had a look at the source code Outlook.com:

and their css is well... see for yourself.

What I'd do is build a page with two colums of predefined width (can use absolute values in this case). So a class of column width in pixels, and have this assigned to two sections - one featuring the image, and the other featuring the login/ everything else. If the page is resized to be smaller one should appear below the other - which is nice degrading.

You possibly could have an image and a login box without using CSS and somehow configure the login box to be middle aligned with the image - but it's a bad solution and certainly using deprecated code.

Stumbler
  • 2,056
  • 7
  • 35
  • 61