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
日本の伝統色