1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<title>untitled</title>
<style TYPE="text/css">
html { background: #FED6FE; }
body { font: 100% Verdana, Arial, Helvetica, sans-serif; color: #993399; text-align: center; }
div#container { width: 780px; /*background-color: #FFFFFF;*/ margin: 0 auto; padding: 0; text-align: left; }
div#branding { margin: 0; padding: 0; background-color: #CCCCFF; }
div#content { width: 100%; margin: 0; padding: 0; }
div#pathway { margin: 0; padding: 0; background-color: #CCCCFF; }
div#content_menu { float: left; width: 150px; background-color: #CC99CC; margin: 0; padding: 0;}
div#content_sub { float: left; width: 150px; background-color: #CCFFFF; margin: 0; padding: 0;}
div#content_main { width: 460px; float: left; padding: 0; margin: 0 10px 0 10px; background-color: #FFCCCC; }
div#site_info { margin: 0; padding: 0; clear: both; background-color: #CC00CC; }
</style>
</head>
<body>
<div id="container">
<div id="branding">Branding</div>
...
<div id="content">
<div id="pathway">Pathway line</div>
<div id="content_menu">
<h3>Left column</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eu urna non ipsum malesuada congue. Nunc eu ligula non nisl faucibus dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In sem. Curabitur fringilla dolor eget massa. Vestibulum feugiat, tellus at rutrum tempor, sapien mi condimentum metus, at blandit lorem ligula eget quam. Fusce commodo tortor eget metus. Cras ut mauris. Suspendisse quam. Donec varius libero ut purus. Aliquam erat volutpat. Praesent eu felis. Curabitur eu erat in enim euismod faucibus. Duis a tortor sed arcu scelerisque bibendum. Suspendisse suscipit egestas nunc. Nullam nulla lorem, convallis at, adipiscing vitae, rhoncus et, sem. Ut vulputate. Duis at ipsum. Maecenas in lectus sed lacus malesuada laoreet.</p>
</div>
<div id="content_main">
<h3>Central column</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eu urna non ipsum malesuada congue. Nunc eu ligula non nisl faucibus dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In sem. Curabitur fringilla dolor eget massa. Vestibulum feugiat, tellus at rutrum tempor, sapien mi condimentum metus, at blandit lorem ligula eget quam. Fusce commodo tortor eget metus. Cras ut mauris. Suspendisse quam. Donec varius libero ut purus. Aliquam erat volutpat. Praesent eu felis. Curabitur eu erat in enim euismod faucibus. Duis a tortor sed arcu scelerisque bibendum. Suspendisse suscipit egestas nunc. Nullam nulla lorem, convallis at, adipiscing vitae, rhoncus et, sem. Ut vulputate. Duis at ipsum. Maecenas in lectus sed lacus malesuada laoreet.</p>
</div>
<div id="content_sub">
<h3>Right column</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eu urna non ipsum malesuada congue. Nunc eu ligula non nisl faucibus dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In sem. Curabitur fringilla dolor eget massa. Vestibulum feugiat, tellus at rutrum tempor, sapien mi condimentum metus, at blandit lorem ligula eget quam. Fusce commodo tortor eget metus. Cras ut mauris. Suspendisse quam. Donec varius libero ut purus. Aliquam erat volutpat. Praesent eu felis. Curabitur eu erat in enim euismod faucibus. Duis a tortor sed arcu scelerisque bibendum. Suspendisse suscipit egestas nunc. Nullam nulla lorem, convallis at, adipiscing vitae, rhoncus et, sem. Ut vulputate. Duis at ipsum. Maecenas in lectus sed lacus malesuada laoreet.</p>
</div>
<div id="site_info">
<h3>Footer</h3>
</div>
</div>
</div>
</body>
</html> |
Partager