O'Reilly logo

Mastering jQuery UI by Vijay Joshi

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Styling the content

We will have to be very precise about the CSS rules for all elements, especially for all the elements inside the div having id container. Write the following CSS rules in the head section of the index.html file, and then we will go through each of these to see the concepts behind them:

<style type="text/css"> body{ font-family:arial,verdana; font-size:12px; margin: 0px auto; width: 900px; } .container{ border: 1px solid #333; border-left:0; height: 250px; margin: 100px auto 0; overflow: hidden; position:relative; width: 500px; } #timeline{ border-left: 1px solid; width: 2000px; position:absolute; } .year{ border-left: 1px solid #333; float: left; height: 250px; width: 99px; text-align:center; } .year div{ margin-top: 50px; } ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required