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 -N -r1.7 -r1.8 --- openacs-4/packages/acs-core-docs/www/tutorial-css-layout.html 7 Jun 2008 20:28:51 -0000 1.7 +++ openacs-4/packages/acs-core-docs/www/tutorial-css-layout.html 12 Jul 2009 01:08:29 -0000 1.8 @@ -1,32 +1,32 @@ - -Laying out a page with CSS instead of tables
Alex logo
Prev Chapter�9.�Advanced Topics Next

Laying out a page with CSS instead of tables

.LRN home page with table-based layout

A sample of the HTML code (full source)

<table border="0" width="100%">
+
+Laying out a page with CSS instead of tables
Alex logo
Prev Chapter 9. Advanced Topics Next
Laying out a page with CSS instead of tables
.LRN home page with table-based layout
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 101
.LRN Home with CSS-based layout
A 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 101
.LRN Home with CSS-based layout
A 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:
Prev Home Next
Using .vuh files for pretty urls Up Sending HTML email from your application
docs@openacs.org
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:

Prev Home Next
Using .vuh files for pretty urls Up Sending HTML email from your application
docs@openacs.org
View comments on this page at openacs.org