CSS3, Packed with coolness.

Although CSS has long since been a fundamental player in the web space, CSS3 comes with some features I have LONG since dreamed of in the CSS space.

One feature in particular is rounded corners… rounded corners is as fundamental an artifact as a square, circle, etc.  and now we have it “out of the box” so to speak!  For instance with just a couple of lines of code turns any basic <DIV> into a high quality

-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;

And just like that:

 

Love it!  Read more about the border radius here, as well as other great CSS3 properties!

Page Centering.

A while ago… I commented on centered a pages content based on the ribbon structure in SharePoint.  Still, there seems to always be a better way.  Here is some CSS that can do just that:

body
{
background-color: #000;
overflow:auto;
text-align:center;
}
#Container
{
position: relative;
height: 411px;
background:url(‘/images/LoginScreen.png’) no-repeat;
}
form
{
width:985px;
margin-left:auto;
margin-right:auto
}

That is really a good way to go, because I learned that if you want to have some elements within the container that you want to position “absolute”, it will let you do so.

Perfect for login screens especially.

Technology doesn't have to be so complicated.

Printed from: http://www.hexanes.com/

Scan to visit this page: