横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。
拡張子によってアイコンの種類を変えて表示する
.pdf、.xls、.docの振り分けを行なっている
cssの書き方 |
/*------------------------------------------------------- 03-12 リンク先の拡張子によってアイコンを出し分ける -------------------------------------------------------- */ #down_461{ float:left; width: 600px; } #down_461 p{ margin: 0 0 15px 15px; font-size: small; line-height: 1.4; } #down_461 ul{ margin: 0 0 0 15px; } #down_461 li{ margin: 0 0 10px 0; padding: 0 0 0 15px; ist-style-type: none; font-size: small; background-image: url("../images/cafe_icon_arrow.gif"); background-repeat: no-repeat; background-position: left center; } #down_461 li a{ padding: 0 15px 0 0; background-repeat: no-repeat; background-position: right center; } #down_461 li a[href$=".pdf"]{ background-image: url("../images/cafe_icon_pdf.gif");} #down_461 li a[href$=".doc"]{ background-image: url("../images/cafe_icon_doc.gif");} #down_461 li a[href$=".xls"]{ background-image: url("../images/cafe_icon_xls.gif");} |
---|---|
HTMLの使用例 |
<div id="down_461" > <h4><span>申込書ダウンロード</span></h4> <p>文字列 ・・・</p> <ul> <li><a href="option.pdf">オプション(PDF形式)</a></li> <li><a href="option.doc">オプション(Word形式)</a></li> <li><a href="option.xls">オプション(Excel形式)</a></li> </ul> </div> |
貸切りパーティーのお申し込みは、お電話にて予約をお承りいたします。オプションをご利用の際は、予約後に下記申込書を記載しFAXにてご送信ください。