"
Team:KIT-Kyoto/kazukokekokko
From 2012.igem.org
(Difference between revisions)
m |
m |
||
| Line 3: | Line 3: | ||
<html> | <html> | ||
<head> | <head> | ||
| + | <script type="text/javascript" src="file:///Users/Kazuko/Documents/jquery-1.8.0.min.webarchive"></script> | ||
| + | <script type="text/javascript" src="jquery.corners.js"></script> | ||
<style type="text/css"> | <style type="text/css"> | ||
/* 段組み*/ | /* 段組み*/ | ||
| Line 45: | Line 47: | ||
.box2 p img{ | .box2 p img{ | ||
float:right;/*文字が写真の右側に回り込むように指定*/ | float:right;/*文字が写真の右側に回り込むように指定*/ | ||
| + | margin-top:10px; | ||
| + | margin-left:15px;/*写真の左にスペース*/ | ||
| + | margin-right:30px; /*写真の右にスペース*/ | ||
| + | border:solid 0px | ||
| + | } | ||
| + | div.box3 { | ||
| + | width: 730px; /* ボックスの幅 */ | ||
| + | height: 200px; | ||
| + | background-color:#FFFFFF; /* ボックスの背景色 */ | ||
| + | border: 1px #999999 solid; /* ボックスの枠の太さと色 */ | ||
| + | font-size: 90%; /* ボックス内の文字サイズを少し小さく指定 */ | ||
| + | margin-bottom:20px;/*ボックスの下に少しスペースを空ける*/ | ||
| + | } | ||
| + | div.box3 p { | ||
| + | margin-top: 15px;/*文字の上に少しスペースを空ける*/ | ||
| + | margin-left: 10px;/*文字の左に少しスペースを空ける*/ | ||
| + | } | ||
| + | .box3 p img{ | ||
| + | float:left;/*文字が写真の右側に回り込むように指定*/ | ||
margin-top:10px; | margin-top:10px; | ||
margin-left:15px;/*写真の左にスペース*/ | margin-left:15px;/*写真の左にスペース*/ | ||
| Line 51: | Line 72: | ||
} | } | ||
</style> | </style> | ||
| + | <script type="text/javascript"> | ||
| + | $(function(){ | ||
| + | $('box1').corners(); | ||
| + | }); | ||
| + | </script> | ||
| + | |||
| + | |||
</head> | </head> | ||
<!--段組み--!> | <!--段組み--!> | ||
| Line 60: | Line 88: | ||
<a href="#Takaaki"><li>Takaaki TAKEDA</li></a> | <a href="#Takaaki"><li>Takaaki TAKEDA</li></a> | ||
<a href="#Shunji"><li>Shunji MATSUZAKI</li></a> | <a href="#Shunji"><li>Shunji MATSUZAKI</li></a> | ||
| + | <a href="#Yu"><li>Yu TANAKA</li></a> | ||
</ul> | </ul> | ||
</div> | </div> | ||
| Line 84: | Line 113: | ||
</p> | </p> | ||
</div> | </div> | ||
| + | <div id ="Yu" class="box3"> | ||
| + | <p><img src="img/img1.jpg" title="YU" width="150" height="150" class="css-hover" /></p> | ||
| + | <p><font size="4">Yu Tanaka</font></p> | ||
| + | <p>detail<br /> | ||
| + | <br /> | ||
| + | </p> | ||
| + | </div> | ||
<!--まだ終わってないやつ--!> | <!--まだ終わってないやつ--!> | ||
<div class="slideshow"> | <div class="slideshow"> | ||
Revision as of 07:25, 20 August 2012
PROFILE
Takaaki Takeda
detail
Shunji Matsuzaki
detail
Yu Tanaka
detail
pfofile ex.いちいち押すやつ
見出し go
日本の伝統色
