ももんじゃの日記

30半ばのおっさんが職業訓練所のWebデザイナー講座を受けてみた

12月24日午後の授業

デザインから画像を入れ替えると

<h2><img src="../image/top/jan02.png" width="64" height="64" alt="jan01"></h2>

なのでソースコードから

<h2><img src="../image/top/jan02.png" width="64" height="64" alt="jan02"></h2>

に入れ替える。

 

#rs01 #r_text {
    width: 211px;
    height: 183px;
    overflow-y: scroll;
    position:absolute;
    padding-right: 10px;    
    left: 16px;
    top: 35px;
}

これのabsoluteはテクスチャーの上に移動するという命令。

これがないと囲いの中に文字を入れることができない。

overflow-y: scroll;によってy軸のスクロールバーができる。

-xなら横軸にスクロールバーができる。

コマンド一個でデザインが作られるCSSに感動する。

 

PS:イラレのグループ化・ダブルクリック解除・上のグループ・レイヤーを

削除してから再設定しないと次のグループ化はできない。グループマークが

出ている間はグループ状態は仮解除にあると思った方がいい。