Skip to content

Instantly share code, notes, and snippets.

@webcrafts
Created November 20, 2012 08:25
Show Gist options
  • Save webcrafts/4116719 to your computer and use it in GitHub Desktop.
Save webcrafts/4116719 to your computer and use it in GitHub Desktop.
20121120_toKubota
<?xml version="1.0" encoding="UTF-8"?>
<!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" lang="ja-JP" xml:lang="ja-JP">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>New Document</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link rev="made" href="mailto:webcrafts098@gmail.com" />
<link rel="index" href="index.html" />
<link rel="next" href="next.html" />
<link rel="prev" href="prev.html" />
<style type="text/css">
*{
margin:0px;
padding:0px;
}
#wrapper{
width:100%;
background:#000;
}
#header{
width:960px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#ccc;
color:#999;
text-align:left;
height:32px;
}
#contents{
background:#00F;
width:960px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#footer{
clear:both;
background:#333;
height:160px;
width:960px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#catch{
display:block;
height:320px;
background:#999;
margin-bottom:32px;
}
#box{
margin-bottom:32px;
display:block;
height:448px;;
}
#box dl{
width:300px;
height:448px;
display:block;
float:left;
}
#box dl dt{
background:#CCC;
}
#box dl dd{
display:block;
padding:5px;
width:290px;
text-align:left;
}
.box_side{
padding:0px;
margin:0xp
}
.box_center{
padding:0px;
margin-left:30px;
margin-right:30px;
}
img{
border:none;
}
</style>
</head>
<body>
<div id="wrapper">
<!-- #wrapper -->
<div id="header">
<!-- header -->
<div id="logo">logo</div>
</div>
<div id="contents">
<!-- contents -->
<div id="catch">catch</div>
<div id="box">
<dl class="box_side">
<dt><img src="images/sample.jpg" width="300" height="192" alt="" /></dt>
<dd>aaaaaaaaaaaaa</dd>
</dl>
<dl class="box_center">
<dt><img src="images/sample.jpg" width="300" height="192" alt="" /></dt>
<dd>aaaaaaaaaaaaa</dd>
</dl>
<dl class="box_side">
<dt><img src="images/sample.jpg" width="300" height="192" alt="" /></dt>
<dd>aaaaaaaaaaaaa</dd>
</dl>
</div>
</div>
<div id="footer">
<!-- footer -->
footer
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment