注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

巨蟹男的博客

如果不可以改变现实,那么就先改变自己

 
 
 

日志

 
 

div+css stander example  

2007-05-22 10:38:57|  分类: div+css |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

2c.html

<!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">

<head>

<title>CSS Page Template - Two Column Flexible with

Header</title>

<meta http-equiv="Content-Type"

content="text/html; charset=iso-8859-1" />

<meta name="Robots" content="NOINDEX" />

<meta http-equiv="PRAGMA" content="NO-CACHE" /><!--

  Web Site: www.ssi-developer.net

  Comments: Copyright 2003 www.ssi-developer.net

  Licence:  Creative Commons - Non-commercial Share-Alike

-->

<link rel="stylesheet" type="text/css"

href="2c-hd-flex-layout.css" />

<link rel="stylesheet" type="text/css"

href="2c-hd-flex-presentation.css" />

</head>

<body>

<!-- Header -->

<div id="hdr">Header Content Here</div>

<!-- end of header -->

<!-- left column -->

<div id="lh-col">

<h2 align="center">Two Column Flexible With Header</h2>

<div align="center" style="color: red;">Ver 2.3</div>

<p>This is the same as the 2 Column Flexible but with the

addition of a header div for top navigation or banner.</p>

<p>The left column uses float left and has a percentage width

allowing both columns to 'flow' as the browser window changes

shape.</p>

<p>This template has been tested in:</p>

<ul>

<li>Mozilla 1.5b &amp; Firebird 0.6.1</li>

<li>Internet Explorer 6</li>

<li>Netscape 7.1</li>

<li>Opera 7.11</li>

</ul>

<p>Changes in this version:</p>

<ol>

<li>Defined padding:0; for the body to fix a problem with

Opera.</li>

</ol>

<br />

<p style="font-weight: bold;">Filler Content</p>

<p lang="ga">Dáig alta in mac sin i tig a athar &amp; a mathar

icon airdig i m-Maig Muirthemne, ocus adfeta dó scéla na maccaemi

i n-Emain. Dáig is amlaid domeill Conchobar in rigi, o ro gab

rígi in rí, .i. mar atraig fóchetóir césta &amp; cangni in

choicid d'ordugud. In lá do raind i trí asa athlil: cetna trian

de fóchetóir ic fegad na maccaem ic imbirt chless cluchi &amp;

immanae, in trian tanaise dond ló ic imbirt brandub &amp;

fidchell, &amp; in trian dedenach ic tochathim bíd &amp; lenna,

con-dageib cotlud for cách, aes cíuil &amp; airfitid dia thalgud

fri sodain. Ciataim ane ar longais riam reme dabiur bréthir, ar

Fergus, na fuil in hErind no i n-Albain óclach macsamla

Conchobair.</p>

<p lang="ga">Ocus adfeta don mac sin scéla na maceáem &amp; na

maccraide i n-Emain, &amp; radis in mac bec ria mathair ar co

n-digsed dá chluchi do chluchemaig na Emna. Romoch duitsiu sain a

meic bic, ar a mathair, co n-deoch anruth do anrothaib. Ulad lett

no choimthecht ecin do chaimthechtaib Conchobair, do chor th'

aesma &amp; t'imdegla for in maccraid. Cían lim-sa di sodain a

mathair, ar in mac bec, &amp; ni biu-sa oca idnaide acht

tecoisc-siu dam-sa cia airm itá Emain. Is cían uait, ar a

mathair, airm in-das-fil. Sliab Fúait etrut &amp; Emain. Dobér-sa

ardmes furri amne, ar esium.</p>

<br />

<br />

</div>

<!-- end of left column -->

<!-- right column -->

<div id="rh-col"><br />

<h4 align="center">Right Column</h4>

<p align="center">The right column can be used for navigation

links, search box etc.</p>

<br />

<br />

<p align="center"><a

href="http://www.ssi-developer.net/main/templates/">View more

templates.</a></p>

</div>

<!-- end of right column -->

</body>

</html>

2c-hd-flex-layout.css

 

/* Layout Stylesheet */ 

body{

 margin: 0;

 padding:0;     

 background: #c0c0c0;

 color: #333333;

 }

  

#hdr{

 width: 100%;

 height: 65px;

 margin: 0;

 border: solid #333333;

 border-width: 0 0 2px 0;

 background: #eeeeee;

 color: #333333;

 }

     

#lh-col{

 width: 60%;

 float: left;

 border: solid #333333;

 border-width: 0 2px 0 0;

 background: #ffffff;

 color: #333333;

 margin: 0;

 padding: 40px;

 }

#rh-col{

 background: #c0c0c0;

 color: #333333;

 margin: 0;

 padding: 0;

 border: 0;

 }

2c-hd-flex-presentation.css

 

/* Presentation Stylesheet */ 

h4 {

 margin:0;

 padding: 5px 0;

 }

 

p:first-letter {

 font-size: 80%; 

 font-weight: bold;

 color:blue;

 }

  评论这张
 
阅读(90)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017