Ticket #5601: columns.html

File columns.html, 1.1 KB (added by juliobiason, 13 years ago)

A quick example of what I'm trying to say.

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html>
3        <head>
4                <title>Columns+Tabs test</title>
5
6                <link rel='stylesheet' type='text/css' href='page/static/css/base/eggplant/jquery-ui-1.8.custom.css'>
7
8                <script type='text/javascript' src='page/static/js/base/jquery-1.4.2.min.js'></script>
9                <script type='text/javascript' src='page/static/js/base/jquery-ui-1.8.custom.min.js'></script>
10
11                <style type='text/css'>
12                        #sidebar {
13                                height: 400px;
14                                float: left;
15                                background-color: #0000ff;
16                                width: 230px;
17                        }
18
19                        #content {
20                                background-color: #00ff00;
21                        }
22                </style>
23        </head>
24
25        <body>
26                <div id='container'>
27                        <div id='sidebar'>
28                        </div>
29
30                        <!-- <div id='content'> -->
31                                <div id='tabs'>
32                                        <ul>
33                                                <li><a href='#one'>One</a></li>
34                                                <li><a href='#two'>Two</a></li>
35                                        </ul>
36
37                                        <div id='one'>
38                                                This is one.
39                                        </div>
40
41                                        <div id='two'>
42                                                This is two.
43                                        </div>
44                                </div>
45                                <!-- </div> -->
46                </div>
47        </body>
48</html>
49
50<script type='text/javascript'>
51$(function() {
52        $('#tabs').tabs();
53});
54</script>