株式会社アイネックスはソフトウェアの開発、ホームページの作成ツール企業です。

     横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。

galleria

03-12)  1. リンク先の拡張子によってアイコンを出し分ける

 

拡張子によってアイコンの種類を変えて表示する

.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にてご送信ください。