copyright

株式会社アイネックスはソフトウェアの開発、検証ツールの支援企業です。

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

galleria

02-01) 1. 量の多いコンテンツにスクロールバーなし

 

スクロールバーの指定をしない(省略値)。

ul要素はブロックレベル要素で、それぞれの表示項目を<li>〜<li>で記述します

cssの書き方 /*------------------------------------------------
02-01 スクロールバーなし
------------------------------------------------ */
.list_331{
  float: left;
  margin-left: 10px;
  width: 300px;
}
.list_331 li{
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
 width: 300px;
 list-style-type: none;
 font-size: small;
 line-height: 1.2;
 background-repeat: repeat-x;
 background-position: left bottom;
 background-image: url("../images/inc_line_horizon.gif");
}
.list_331 li img{
 float: left;
 margin-right: 10px;
}
HTMLの使用例 <ul class="list_331">
  <li><a href="#"><img src="../images/inc_news01.jpg" alt=""/>
     文字列 ・・・
    /a>
  </li>
  <li><a href="#"><img src="../images/inc_news02.jpg" alt=""/>
    文字列 ・・・
    </a>
  </li>
  <li><a href="#"><img src="../images/inc_news03.jpg" alt=""/>
    字列 ・・・
    </a>
  </li>
  <li><a href="#"><img src="../images/inc_news04.jpg" alt=""/>
    文字列 ・・・
    </a>
  </li>
  --- 省略 ---
</ul>