Mega Code Archive
Layout by column
<![CDATA[
File: Data.xml
<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/css" href="Style.css" ?>
<page>
<heading>This is a Heading</heading>
<column1>
<paragraph>This is a paragraph inside column one. </paragraph>
<paragraph>This is a paragraph inside column one. </paragraph>
<paragraph>This is a paragraph inside column one. </paragraph>
</column1>
<column2>
<paragraph>This is a paragraph inside column two. </paragraph>
<paragraph>This is a paragraph inside column two. </paragraph>
<paragraph>This is a paragraph inside column two. </paragraph>
</column2>
</page>
File: Style.css
heading {
position:fixed;
width:100%;
padding:20px;
top:0px; left:0px;
color:#FFFFFF;
background-color:#666666;
font-family:arial, verdana, sans-serif;
font-size:22px;
}
column1 {
position:absolute;
left:10px;
top:10px;
width:200px;
padding:10px;
border-style:solid;
border-width:2px;
border-color:#CCCCCC;
}
column2 {
position:absolute;
left:250px;
top:10px;
width:200px;
padding:10px;
border-style:solid;
border-width:2px;
border-color:#CCCCCC;
}
paragraph {
display:block;
padding-bottom:10px;
}
]]>