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

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

galleria

02-08) 1. 要素にはみ出すことでアクセントを付ける

 

使い好きな場所に要素を配置する(ul要素)。

.postit_261クラスのプロパティの
position: absolute; で絶対位置で指定し、
li.condition{ top:-10px; left: -10px;}  
のli要素のクラス名に表示する相対位置を指定する。

cssの書き方 /*--------------------------------------------------
02-08 要素にはみ出すことでアクセントを付ける
-------------------------------------------------- */
.box_261 li.condition{
  position: absolute;
  top: -10px;
  left: -10px;
}
HTMLの使用例 <dl>
  <dt><img src="photo03.jpg" alt="" />バーベキュー</dt>
  <dd>
    <ul>
    <li class="date">Jul.30 18:00〜20:00</li>
    <li class="explain">バーべキュー。小雨決行。</li>
    <li class="entry"><a href="#">
      <span>バーベキュー申込</span></a></li>
    <li class="condition">
      <img src="iconFew.png" alt="" /></li>

    </ul>
  </dd>
</dl>
 

星空バーベキュー