Index: openacs-4/packages/acs-core-docs/www/tutorial-css-layout.html =================================================================== RCS file: /usr/local/cvsroot/openacs-4/packages/acs-core-docs/www/tutorial-css-layout.html,v diff -u -r1.9.2.1 -r1.9.2.2 --- openacs-4/packages/acs-core-docs/www/tutorial-css-layout.html 18 Jun 2010 21:29:36 -0000 1.9.2.1 +++ openacs-4/packages/acs-core-docs/www/tutorial-css-layout.html 12 Dec 2010 00:07:03 -0000 1.9.2.2 @@ -1,32 +1,45 @@ +<<<<<<< tutorial-css-layout.html
A sample of the HTML code (full source)
<table border="0" width="100%"> +======= + +Laying out a page with CSS instead of tables A sample of the HTML code (full source)
<table border="0" width="100%"> +>>>>>>> 1.11 <tr> - <td valign="top" width="50%"> - <table class="element" border=0 cellpadding="0" cellspacing="0" width="100%"> + <td valign="top" width="50%"> + <table class="element" border=0 cellpadding="0" cellspacing="0" width="100%"> <tr> - <td colspan=3 class="element-header-text"> + <td colspan=3 class="element-header-text"> <bold>Groups</bold> </td> </tr> <tr> - <td colspan=3 class="dark-line" height="0"><img src="/resources/acs-subsite/spacer.gif"></td></tr> + <td colspan=3 class="dark-line" height="0"><img src="/resources/acs-subsite/spacer.gif"></td></tr> <tr> - <td class="light-line" width="1"> - <img src="/resources/acs-subsite/spacer.gif" width="1"> + <td class="light-line" width="1"> + <img src="/resources/acs-subsite/spacer.gif" width="1"> </td> - <td class="element-text" width="100%"> - <table cellspacing="0" cellpadding="0" class="element-content" width="100%"> + <td class="element-text" width="100%"> + <table cellspacing="0" cellpadding="0" class="element-content" width="100%"> <tr> <td> - <table border="0" bgcolor="white" cellpadding="0" cellspacing="0" width="100%"> + <table border="0" bgcolor="white" cellpadding="0" cellspacing="0" width="100%"> <tr> <td class=element-text> +<<<<<<< tutorial-css-layout.html MBA 101A sample of the HTML code (full source)
<div class="left"> <div class="portlet-wrap-shadow"> <div class="portlet-wrap-bl"> <div class="portlet-wrap-tr"> <div class="portlet"> +======= + MBA 101A sample of the HTML code (full source)
<div class="left"> + <div class="portlet-wrap-shadow"> + <div class="portlet-wrap-bl"> + <div class="portlet-wrap-tr"> + <div class="portlet"> +>>>>>>> 1.11 <h2>Groups</h2> <ul> <li> - <a href="#">Class MBA 101</a>If the CSS is removed from the file, it looks somewhat different:
View comments on this page at openacs.org + <a href="#">Class MBA 101</a>
If the CSS is removed from the file, it looks somewhat different: