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.6 -r1.7 --- openacs-4/packages/acs-core-docs/www/tutorial-css-layout.html 17 Jul 2006 05:38:32 -0000 1.6 +++ openacs-4/packages/acs-core-docs/www/tutorial-css-layout.html 7 Jun 2008 20:28:51 -0000 1.7 @@ -1,31 +1,32 @@ -
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%"> <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> - 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"> <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: