Team:Todai-Tokyo/test

From 2009.igem.org

(Difference between revisions)
Line 82: Line 82:
margin:0 0 20px 20px;
margin:0 0 20px 20px;
float:left;
float:left;
-
_display:inline;/*IE6用ハック*/
+
_display:inline;
}
}
Line 91: Line 91:
margin:0 0 20px 20px;
margin:0 0 20px 20px;
float:left;
float:left;
-
_display:inline;/*IE6用ハック*/
+
_display:inline;
}
}
Line 100: Line 100:
margin:0 0 20px 20px;
margin:0 0 20px 20px;
float:left;
float:left;
-
_display:inline;/*IE6用ハック*/
+
_display:inline;
}
}
-
 
-
/*カラム内指定*/
 
div.col02 div.photo_a {
div.col02 div.photo_a {
Line 189: Line 187:
  <body>
  <body>
 +
<div id="wrapper" class="clearfix">
 +
 +
    <div id="left_side">
 +
        <h1><img src="images/logo.gif" alt="Seriy Seriy" width="170" height="156" /></h1>
 +
        <!--メニュー-->
 +
 +
        <ul id="global_navi">
 +
            <li class="accessories"><a href="#"><img src="images/accessories.gif" alt="accessories" /></a></li>
 +
            <li class="goods"><a href="#"><img src="images/fancy_goods.gif" alt="fancy good" /></a></li>
 +
            <li class="tablweare"><a href="#"><img src="images/tableware.gif" alt="tableware" /></a></li>
 +
        </ul>
 +
        <ul id="sub_navi">
 +
            <li><a href="#">campany profile</a></li>
 +
            <li><a href="#">map</a></li>
 +
 +
            <li><a href="#">contact</a></li>
 +
        </ul>
 +
    </div>
 +
   
 +
    <div id="main">
 +
        <div class="col02">
 +
            <div class="photo_a"><img src="images/photo/acce01.jpg" alt="アートアクセサリー" width="170" height="230" /></div>
 +
            <div class="text">
 +
                <h2>新入荷！アクセサリー</h2>
 +
 +
                <p>ニューヨークのオブジェアーティストの新作アクセサリーが入荷。今回は恐竜がモチーフです。インパクトのあるネックレスとブローチ。他にバングル、イヤリングなど。すべて、一点ものです。</p>
 +
                <p class="syousai"><a href="#">アクセサリー詳細</a></p>
 +
            </div>
 +
        </div>
 +
        <div class="col01">
 +
            <div class="photo_b"><img src="images/photo/acce03.jpg" alt="アンティークピアス" width="170" height="120" /></div>
 +
            <h2>アンティークフェア実施中</h2>
 +
            <p>ヨーロピアン・アンティークフェアは今月末まで開催。</p>
 +
 +
            <p class="syousai"><a href="#">アクセサリー詳細</a></p>
 +
        </div>
 +
        <div class="col01">
 +
            <div class="photo_b"><img src="images/photo/acce02.jpg" alt="クラシックトーク帽" width="170" height="120" /></div>
 +
            <h2>秋冬の帽子も勢揃い</h2>
 +
            <p>オリジナルのトーク帽はイタリア製。様々な種類をご用意。</p>
 +
            <p class="syousai"><a href="#">アクセサリー詳細</a></p>
 +
        </div>
 +
 +
        <div class="col03">
 +
            <div class="photo_a"><img src="images/photo/tw01.jpg" alt="カップ" width="170" height="230" /></div>
 +
            <h2>アートカップ特集</h2>
 +
            <p>アーティストのデザインによるオリジナルカップ。</p>
 +
            <p>ニューヨークからの新作も入りました。</p>
 +
            <p>限定品・一点ものもあります。お急ぎください！</p>
 +
            <p class="syousai"><a href="#">テーブルウェア詳細</a></p>
 +
        </div>
 +
 +
        <div class="col01">
 +
            <div class="photo_b"><img src="images/photo/tw02.jpg" alt="ペアグラス" width="170" height="120" /></div>
 +
            <h2>琉球ビードロ始めました</h2>
 +
            <p>ご要望の多かった「琉球ビードロ」の食器類を始めました。</p>
 +
            <p class="syousai"><a href="#">テーブルウェア詳細</a></p>
 +
        </div>
 +
        <div class="col01">
 +
            <div class="photo_b"><img src="images/photo/goods01.jpg" alt="アクセサリー用ケース" width="170" height="120" /></div>
 +
 +
            <h2>アクセサリー用ケース</h2>
 +
            <p>アアンティークやアジアン・ティストの小物入れ。</p>
 +
            <p class="syousai"><a href="#">雑貨詳細</a></p>
 +
        </div>
 +
        <div class="col01">
 +
            <div class="photo_b"><img src="images/photo/goods02.jpg" alt="籠の小物入れ" width="170" height="120" /></div>
 +
            <h2>籠の小物入れ</h2>
 +
 +
            <p>根強い人気の籠シリーズ、ギフト用の箱としてもどうぞ。</p>
 +
            <p class="syousai"><a href="#">雑貨詳細</a></p>
 +
        </div>
 +
        <div class="col01">
 +
            <div class="photo_b"><img src="images/photo/tw03.jpg" alt="花瓶" width="170" height="120" /></div>
 +
            <h2>テーブルに花を！新作花瓶</h2>
 +
            <p>一輪挿しを中心にテーブルサイズの花瓶をセレクト。</p>
 +
 +
            <p class="syousai"><a href="#">テーブルウェア詳細</a></p>
 +
        </div>
 +
        <div class="col02">
 +
            <div class="photo_a"><img src="images/photo/goods03.jpg" alt="アンティーク扇" width="170" height="230" /></div>
 +
            <div class="text">
 +
                <h2>アンティーク扇</h2>
 +
                <p>コレクターの多いアンティーク扇。久し振りの入荷です。</p>
 +
                <p>1930年代から50年代のものにこだわってセレクト。</p>
 +
 +
                <p>中国・香港からのかなりレアな商品もあります。</p>
 +
                <p class="syousai"><a href="#">雑貨詳細</a></p>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div id="copyright">
 +
        <address>Copyright &copy; Seriy Seriy Corporation. All rights reserved.</address>
 +
    </div>
 +
 +
</div>
 +
  </body>
  </body>
</html>
</html>
[[Team:Todai-Tokyo/Files | imgfiles]]
[[Team:Todai-Tokyo/Files | imgfiles]]

Revision as of 17:56, 19 October 2009

CSS

アートアクセサリー

新入荷！アクセサリー

ニューヨークのオブジェアーティストの新作アクセサリーが入荷。今回は恐竜がモチーフです。インパクトのあるネックレスとブローチ。他にバングル、イヤリングなど。すべて、一点ものです。

アクセサリー詳細

アンティークピアス

アンティークフェア実施中

ヨーロピアン・アンティークフェアは今月末まで開催。

アクセサリー詳細

クラシックトーク帽

秋冬の帽子も勢揃い

オリジナルのトーク帽はイタリア製。様々な種類をご用意。

アクセサリー詳細

カップ

アートカップ特集

アーティストのデザインによるオリジナルカップ。

ニューヨークからの新作も入りました。

限定品・一点ものもあります。お急ぎください！

テーブルウェア詳細

ペアグラス

琉球ビードロ始めました

ご要望の多かった「琉球ビードロ」の食器類を始めました。

テーブルウェア詳細

アクセサリー用ケース

アクセサリー用ケース

アアンティークやアジアン・ティストの小物入れ。

雑貨詳細

籠の小物入れ

籠の小物入れ

根強い人気の籠シリーズ、ギフト用の箱としてもどうぞ。

雑貨詳細

花瓶

テーブルに花を！新作花瓶

一輪挿しを中心にテーブルサイズの花瓶をセレクト。

テーブルウェア詳細

アンティーク扇

アンティーク扇

コレクターの多いアンティーク扇。久し振りの入荷です。

1930年代から50年代のものにこだわってセレクト。

中国・香港からのかなりレアな商品もあります。

雑貨詳細

imgfiles

Retrieved from "http://2009.igem.org/Team:Todai-Tokyo/test"